السابق

التالي

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

مكتمل

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

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

لقد أجريتَ تغييرات على واجهة برمجة التطبيقات الخاصة بك في التمرين السابق. ثبّت هذه التغييرات على فرع api وادفعها إلى GitHub باتباع الخطوات التالية:

1. في Visual Studio Code، افتح لوحة الأوامر بالضغط على "F1"
2. اكتب "Git: Commit All" وحدده. إذا طالبك Visual Studio Code بإجراء جميع التغييرات تلقائياً وتثبيتها مباشرةً، فحدد "Yes".
3. أدخل رسالة التثبيت كـ api changes
4. افتح لوحة الأوامر بالضغط على "F1"
5. اكتب Git: Push وحدده
6. إذا طُولبت بهذه الرسالة لا يحتوي الفرع "api" على فرع تمهيدي. هل ترغب في نشر هذا الفرع؟ اضغط زر "OK"

إنشاء طلب سحب

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

1. افتح مستعرض

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

   https://github.com/<YOUR_GITHUB_USERNAME>/my-static-web-app-and-api

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

4. انقر فوق زر "New pull request"

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

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

7. انقر فوق زر "Create pull request"

8. مرة أخرى، انقر فوق زر "Create pull request" الثاني

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

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

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

1. اضغط على قائمة "Actions"
2. أسفل قائمة Workflows، انقر فوق عنصر سير عمل Azure Static Web Apps CI/CD
3. حدد أحدث ارتباط (بالأعلى) في الإجراء الذي شُغلَ على اليمين
4. انقر فوق الارتباط "Build and Deploy Job"

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

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

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

1. انقر فوق قائمة "Pull requests"
2. حدد طلب السحب الخاص بك
3. انقر فوق الارتباط الذي يعقب الرسالة Azure Static Web Apps: موقعك المرحلي جاهز! زره من هنا

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

.

.

.

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

تهانينا، لقد أنشأت أول مثيل لتطبيقات الويب الثابتة من Azure باستخدام تطبيق الويب وواجهة برمجة تطبيقات!

متابعة