مقدمة

  • 2 دقائق

تُطلق شركتك تطبيق ويب خاصاً بقائمة التسوق. يمكن للعملاء إضافة سلع من قائمتهم وتعديلها وعرضها وإزالتها، من خلال الموقع.

أثناء إنشاء التطبيق، تتمثّل مخاوفك الأولى في أن تطبيقك وواجهة برمجة التطبيقات تُستضاف بشكل آمن، ومتوفرة عالمياً وتُنشر تلقائياً. بدلاً من إنشاء خادم ويب للتعامل مع كل هذه المخاوف، قررت استخدام حل استضافة يخدم أصولك وواجهة برمجة التطبيقات بسهولة، دون إجراء الكثير من الإعداد أو التكوين.

ما Azure Static Web Apps؟

تحل Azure Static Web Apps المشكلات الصعبة على طول الطريق من التعليمات البرمجية المصدر إلى التوفر العالمي.

أثناء تركيزك على تطوير تطبيقك، تعمل Azure Static Web Apps تلقائيًا على إنشائه واستضافته من GitHub أو Azure DevOps.

يتم إنشاء تطبيقات Static web apps عادةً باستخدام أطر عمل WebAssembly مثل Blazor، بالإضافة إلى إطارات عمل JavaScript ومكتبات. وتشمل هذه التطبيقات HTML، أوراق الأنماط المتتالية، JavaScript، وأصول الصور التي تشكل التطبيق. تحت هندسة خادم الويب التقليدية، يتم تقديم هذه الملفات من خادم واحد بجانب أي نقاط نهاية واجهة برمجة التطبيقات المطلوبة.

مع Azure Static Web Apps، يتم فصل الأصول الثابتة عن خادم الويب التقليدي ويتم بدلاً من ذلك تقديمها من النقاط الموزعة عالميًا في جميع أنحاء العالم. هذا التوزيع يجعل الملفات الخادمة أسرع بكثير، كما أن الملفات فعليًا أقرب إلى المستخدمين النهائيين. تجري استضافة نقاط نهاية واجهة برمجة التطبيقات باستخدام بنية بلا خادم، والتي تتجنب الحاجة إلى ملقم كامل في النهاية الخلفية معًا.

نموذج Azure Static Web Apps عبارة عن أن تحصل بالضبط على ما تحتاجه، لا أكثر، ولا أقل.

Static Apps overview.

عند إنشاء مورد Azure Static Web Apps، يتم من خلال Azure إعداد سير عمل GitHub Actions أو Azure DevOps في مستودع التعليمات البرمجية المصدر للتطبيق. يراقب سير العمل فرعاً من اختيارك. في كل مرة تدفع فيها عمليات التثبيت أو تنشئ طلبات سحب إلى الفرع المُراقب، يُنشئ سير العمل تلقائيًا تطبيقك وواجهة برمجة التطبيقات التابعة له وينشرهما إلى Azure.

تستضيف Azure تطبيق الويب الخاص بك وتخدمه بينما تعمل Azure Functions على تشغيل وظيفة واجهة برمجة التطبيقات في الخلفية، والتي توفر زيادة الحجم وتقليله تلقائياً بناءً على الطلب.

الميزات الأساسية

  • تُقرب استضافة الويب الموزعة عالمياً المحتوى الثابت مثل HTML وCSS وJavaScript والصور إلى المستخدمين
  • دعم واجهة برمجة تطبيقات المتكاملة المقدم من Azure Functions
  • تكامل GitHub وAzure DevOps من الدرجة الأولى حيث تعمل تغييرات المستودع على إطلاق عمليات الإنشاء والنشر.
  • شهادات SSL مجانية، تُجدد تلقائياً
  • معاينة عناوين URL الفريدة لمعاينة طلبات السحب

الأهداف التعليمية

في هذه الوحدة، ستقوم بإنشاء وتعديل ونشر تطبيق ويب وواجهة برمجة التطبيقات على Azure Static Web Apps.

توفر هذه الوحدة عينة من تطبيق Blazor، بالإضافة إلى واجهة برمجة التطبيقات المكتوبة بلغة C#‎.

ماذا ستفعل

بمجرد اختيار تطبيق العميل لديك، سوف:

  1. تنشئ وتشغل تطبيق Blazor الخاص بك
  2. تنشئ واجهة برمجة التطبيقات الخاصة بك باستخدام وظائف Azure
  3. تعديل تطبيق الويب الخاص بك لعمل طلبات HTTP لواجهة برمجة التطبيقات الخاصة بك
  4. إنشاء تطبيق الويب ونشره تلقائياً في Azure من مستودع GitHub باستخدام GitHub Actions
  5. وأخيرًا، ستستكشف وتطلق التطبيق الخاص بك، كما هو موضح أدناه

A set of four screenshots illustrating the four sample applications..

الخطوات التالية

ربما تفكر في هذه اللحظة في أنك بحاجة إلى إنشاء موارد Azure أولاً، ولكن Azure Static Web Apps تضع سير عملك اليومي في اعتبارها. يتمثل النهج الطبيعي بصورة أكبر في البدء أولاً بالتعليمة البرمجية في GitHub، قبل إنشاء الموارد في Azure.