السابق

التالي

التمرين - نشر واجهة برمجة التطبيقات مع GitHub Actions

مكتمل

يعمل تطبيق الويب وواجهة برمجة التطبيقات الخاصة بك محلياً. حان الوقت الآن لنشر التطبيق وواجهة برمجة التطبيقات الخاصة بك على Azure Static Web Apps.

دفع التغييرات التي أجريتها إلى GitHub

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

إنشاء طلب سحب

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

1. افتح المتصفح.

2. انتقل إلى مستودعك:

   https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app

3. انقر فوق رابط"Pull requests".

4. حدد “New pull request”.

5. حدد الفرع الرئيسي من القائمة المنسدلة الأساسية.

6. حدد فرع “api” من القائمة المنسدلة المقارنة.

7. حدد إنشاء طلب سحب.

8. مجددًا، قم بتحديد “Create pull request”.

يتم الآن تشغيل إجراء GitHub الخاص بك.

مراقبة إنشاء إجراء GitHub ونشره

يمكنك البقاء في المستعرض الخاص بك في مستودعك ومراقبة تقدم إجراء GitHub. اتبع هذه الخطوات التالية لعرض التقدم:

1. حدد قائمة “Actions”.

2. أسفل قائمة “Workflow”، انقر فوق عنصر سير عمل Azure Static Web Apps CI/CD.

3. حدد أحدث رابط (بالأعلى) في الإجراء الذي شُغلَ على اليمين.

4. انقر فوق رابط "Build and Deploy Job".

يمكنك رؤية تقدم إجراء GitHub الخاص بك أثناء إنشاء تطبيق الويب وواجهة برمجة التطبيقات ونشرها.

استعراض معاينة عنوان URL

بعد اكتمال إجراء GitHub بنجاح، يمكنك عرض التطبيق قيد التشغيل في المستعرض.

1. انقر فوق قائمة "Pull requests".

2. حدد طلب السحب الخاص بك.

3. انقر على الرابط التالي لرسالة “Azure Static Web Apps: Your stage site is ready! Visit it here”.

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

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

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

متابعة