مقدمة

  • 2 دقائق

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

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

ما هي تطبيقات Azure Static Web Apps؟

توفر Azure Static Web Apps حلولاً للمشكلات الصعبة بدءًا من رمز الأمان وحتى التوافر العالمي.

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

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

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

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

Diagram showing the 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 Functions.
  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.