البرنامج التعليمي: إضافة Azure Content Delivery Network إلى تطبيق ويب Azure App Service

هام

سيتم إيقاف Azure CDN Standard من Microsoft (الكلاسيكي) في 30 سبتمبر 2027. لتجنب أي تعطيل للخدمة، من المهم ترحيل Azure CDN Standard من ملفات تعريف Microsoft (الكلاسيكية) إلى Azure Front Door Standard أو المستوى المتميز بحلول 30 سبتمبر 2027. لمزيد من المعلومات، راجع Azure CDN Standard من إيقاف Microsoft (الكلاسيكي).

سيتم إيقاف Azure CDN من Edgio في 4 نوفمبر 2025. يجب ترحيل حمل العمل إلى Azure Front Door قبل هذا التاريخ لتجنب تعطيل الخدمة. لمزيد من المعلومات، راجع الأسئلة المتداولة حول إيقاف Azure CDN من Edgio.

يوضح هذا البرنامج التعليمي كيفية إضافة Azure Content Delivery Network إلى تطبيق ويب في Azure App Service. تطبيقات الويب هي خدمات لاستضافة تطبيقات الويب وواجهات برمجة تطبيقات REST والنهايات الخلفية للأجهزة المحمولة.

فيما يلي الصفحة الرئيسية لنموذج موقع HTML الثابت الذي تعمل معه:

الصفحة الرئيسية لنموذج التطبيق

ما تتعلمه:

  • إنشاء نقطة نهاية شبكة تسليم المحتوى.
  • تحديث الأصول المخزنة مؤقتًا.
  • استخدام سلاسل الاستعلام للتحكم في الإصدارات المخزنة مؤقتًا.

المتطلبات الأساسية

لإكمال هذا البرنامج التعليمي:

إذا لم يكن لديك اشتراك في Azure، فأنشئ حساب Azure مجاني قبل أن تبدأ.

أنشئ تطبيق الويب

لإنشاء تطبيق الويب الذي تعمل معه، اتبع البدء السريع ل HTML الثابت من خلال خطوة استعراض إلى التطبيق .

سجِّل الدخول إلى مدخل Azure

افتح مستعرضا وسجل الدخول إلى مدخل Microsoft Azure.

تحسين تسريع المواقع الديناميكية

إذا كنت ترغب في تحسين نقطة نهاية شبكة تسليم المحتوى لتسريع الموقع الديناميكي (DSA)، فيجب عليك استخدام مدخل شبكة تسليم المحتوى لإنشاء ملف التعريف ونقطة النهاية. مع تحسين DSA، يتحسن أداء صفحات الويب ذات المحتوى الديناميكي بشكل ملحوظ. للحصول على إرشادات حول كيفية تحسين نقطة نهاية شبكة تسليم المحتوى ل DSA من مدخل شبكة تسليم المحتوى، راجع تكوين نقطة نهاية شبكة تسليم المحتوى لتسريع تسليم الملفات الديناميكية. وبخلاف ذلك، فإذا كنت لا تريد تحسين نقطة النهاية الجديدة، يمكنك استخدام مدخل تطبيق الويب لإنشائها باتباع الخطوات الواردة في القسم التالي. بالنسبة إلى Azure CDN من ملفات تعريف Edgio ، لا يمكنك تغيير تحسين نقطة نهاية شبكة تسليم المحتوى بعد إنشائها.

إنشاء ملف تعريف شبكة تسليم المحتوى ونقطة النهاية

في جانب التنقل الأيمن، حدد خدمات التطبيقات،ثم حدد التطبيق الذي أنشأته في التشغيل السريع لـHTML الثابت.

لقطة شاشة لتحديد تطبيق App Service في المدخل.

في صفحة App Service ، في قسم Settings ، حدد Networking > Azure CDN.

لقطة شاشة لتحديد Azure Content Delivery Network من إعداد الشبكات لخدمة التطبيقات.

في صفحة شبكة توصيل محتوى Azure، قم بتقديم إعدادات نقطة النهاية الجديدة كما يتم تحديدها في الجدول.

لقطة شاشة لإنشاء ملف تعريف شبكة تسليم محتوى Azure ونقطة النهاية في المدخل.

الإعدادات القيمة المقترحة ‏‏الوصف
ملف تعريف شبكة تسليم المحتوى myCDNProfile ملف تعريف شبكة تسليم المحتوى هو مجموعة من نقاط نهاية شبكة تسليم المحتوى بنفس مستوى التسعير.
مستوى الأسعار شبكة تسليم محتوى Microsoft (كلاسيكي) يحدد مستوى التسعير الموفر، وكذلك الميزات المتوفرة.
اسم نقطة نهاية شبكة تسليم المحتوى أي اسم فريد من نوعه في مجال azureedge.net يمكنك للوصول إلى الموارد المخزنة مؤقتًا في مجال <endpointname>.azureedge.net.

حدد إنشاء لإنشاء ملف تعريف شبكة تسليم المحتوى.

يقوم Microsoft Azure بإنشاء ملف التعريف ونقطة النهاية. تظهر نقطة النهاية الجديدة في قائمة نقاط النهاية، وعندما يتم تقديمها تكون حالتها قيد التشغيل.

لقطة شاشة لنقطة نهاية Azure Content Delivery Network الجديدة في القائمة.

اختبار نقطة نهاية شبكة تسليم المحتوى

نظرًا لأن التسجيل يستغرق وقتًا طويلا حتى يتم النشر، فإن نقطة النهاية لا تكون متوفرة للاستخدام على الفور:

  • بالنسبة إلى Azure CDN Standard من ملفات تعريف Microsoft (الكلاسيكية)، يكتمل النشر عادة في 10 دقائق.
  • بالنسبة إلى Azure CDN Standard من Edgio وAzure CDN Premium من ملفات تعريف Edgio ، يكتمل النشر عادة في غضون 90 دقيقة.

نموذج التطبيق لديه ملف lindex.htm ومجلدات css، وimg، وjs تحتوي على أصول ثابتة أخرى. مسارات المحتوى لجميع هذه الملفات هي نفسها في نقطة نهاية شبكة تسليم المحتوى. على سبيل المثال، يمكن لكل من عناوين URL التالية، الوصول إلى ملف bootstrap.css في المجلد css:

http://<appname>.azurewebsites.net/css/bootstrap.css

http://<endpointname>.azureedge.net/css/bootstrap.css

انتقل إلى متصفح URL التالي:

http://<endpointname>.azureedge.net/index.html

لقطة شاشة لنموذج الصفحة الرئيسية للتطبيق التي يتم تقديمها من شبكة تسليم المحتوى.

وستشاهد نفس الصفحة التي قمت بتشغيلها في وقت سابق من خلال تطبيق الويب لـMicrosoft Azure. قامت Azure Content Delivery Network باسترداد أصول تطبيق الويب الأصلي وتقدمها من نقطة نهاية شبكة تسليم المحتوى

للتأكد من تخزين هذه الصفحة مؤقتا في شبكة تسليم المحتوى، قم بتحديث الصفحة. طلبان لنفس الأصل مطلوبان أحيانا لشبكة تسليم المحتوى لتخزين المحتوى المطلوب مؤقتا.

لمزيد من المعلومات حول إنشاء ملفات تعريف ونقاط نهاية Azure Content Delivery Network، راجع البدء في استخدام Azure Content Delivery Network.

إزالة شبكة تسليم المحتوى

تقوم شبكة تسليم المحتوى بتحديث مواردها بشكل دوري من تطبيق الويب الأصلي استنادا إلى وقت البقاء (TTL) التكوين. فترة البقاء الافتراضية هي سبعة أيام.

في بعض الأحيان قد تحتاج إلى تحديث شبكة تسليم المحتوى قبل انتهاء صلاحية TTL؛ على سبيل المثال، عند نشر محتوى محدث إلى تطبيق الويب. لتشغيل تحديث، قم بإزالة موارد شبكة تسليم المحتوى يدويا.

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

نشر تغيير في تطبيق الويب

افتح ملف lindex.htm ثم قم بإضافة - V2 إلى العنوان H1، كما هو موضح في المثال التالي:

<h1>Azure App Service - Sample Static HTML Site - V2</h1>

قم بتثبيت التغيير ونشره في تطبيق الويب.

git commit -am "version 2"
git push azure main

بمجرد الانتهاء من النشر، تصفح للوصول إلى عنوان URL لتطبيق الويب لمشاهدة التغيير.

http://<appname>.azurewebsites.net/index.html

V2 في عنوان تطبيق الويب

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

http://<endpointname>.azureedge.net/index.html

لقطة شاشة ل No V2 في العنوان في شبكة تسليم المحتوى.

إزالة شبكة تسليم المحتوى في المدخل

لتشغيل شبكة تسليم المحتوى لتحديث إصدارها المخزن مؤقتا، قم بإزالة شبكة تسليم المحتوى.

في قائمة التنقل الأيمن للمدخل، حدد مجموعات الموارد،ثم حدد مجموعة الموارد التي أنشأتها لتطبيق الويب الخاص بك (myResourceGroup).

لقطة شاشة لتحديد مجموعة الموارد من جزء القائمة الأيسر في المدخل.

في قائمة الموارد، حدد نقطة نهاية شبكة تسليم المحتوى.

لقطة شاشة لنقطة نهاية Azure Content Delivery Network من مجموعة الموارد.

في أعلى صفحة نقطة النهاية، قم بتحديد Purge.

لقطة شاشة لزر المسح في ملف تعريف Azure Content Delivery Network.

أدخِل مسارات المحتوى التي تريد إزالته. يمكنك تمرير مسار ملف كامل لإزالة ملف فردي أو مقطع من مسار لإزالة كافة المحتويات وتحديثها في مجلد. لأنك غيرت index.html، يجب أن تتأكد من وجوده في أحد المسارات.

حدد "Purge" في الجزء السفلي من الصفحة.

لقطة شاشة لصفحة المسح في ملف تعريف Azure Content Delivery Network.

تحقق من تحديث شبكة تسليم المحتوى

انتظر حتى ينتهي طلب الإزالة من المعالجة، والتي عادة ما تستغرق بضع دقائق. لاستعراض الحالة الحالية، حدد أيقونة الجرس الموجودة في الجزء العلوي من الصفحة.

لقطة شاشة لإشعار الإزالة لملف تعريف Azure Content Delivery Network.

عند الاستعراض وصولا إلى عنوان URL لنقطة نهاية شبكة تسليم المحتوى index.html، سترى الإصدار 2 الذي أضفته إلى العنوان على الصفحة الرئيسية، مما يشير إلى أنه تم تحديث ذاكرة التخزين المؤقت لشبكة تسليم المحتوى.

http://<endpointname>.azureedge.net/index.html

لقطة شاشة ل V2 في العنوان في شبكة تسليم المحتوى.

لمزيد من المعلومات، راجع إزالة نقطة نهاية Azure Content Delivery Network.

استخدام سلاسل الاستعلام لإصدار المحتوى

تقدم Azure Content Delivery Network خيارات سلوك التخزين المؤقت التالية:

  • تجاهل سلاسل الاستعلام
  • تجاوز التخزين المؤقت لسلاسل الاستعلام
  • التخزين المؤقت لكل عنوان URL فريد

الخيار الأول هو الافتراضي، ما يعني أن هناك إصدارا واحدا فقط مخزنا مؤقتا من الأصل بغض النظر عن سلسلة الاستعلام في عنوان URL.

في هذا القسم من البرنامج التعليمي، يمكنك تغيير سلوك التخزين المؤقت لتخزين كل عنوان URL فريد من نوعه.

تغيير سلوك ذاكرة التخزين المؤقت

في صفحة نقطة نهاية CDN مدخل Microsoft Azure، قم بتحديدCache.

حدد ذاكرة التخزين المؤقت لكل عنوان URL فريد من القائمة المنسدلة سلوك التخزين المؤقت لسلسلة الاستعلام.

حدد حفظ.

لقطة شاشة لإعدادات قواعد ذاكرة التخزين المؤقت لملف تعريف Azure Content Delivery Network.

تحقق من أن عناوين URL الفريدة يتم تخزينها المؤقت بشكل منفصل

في مستعرض، انتقل إلى الصفحة الرئيسية في نقطة نهاية شبكة تسليم المحتوى، وقم بتضمين سلسلة استعلام:

http://<endpointname>.azureedge.net/index.html?q=1

تقوم Azure Content Delivery Network بإرجاع محتوى تطبيق الويب الحالي، والذي يتضمن V2 في العنوان.

للتأكد من تخزين هذه الصفحة مؤقتا في شبكة تسليم المحتوى، قم بتحديث الصفحة.

قم بفتح index.html، لتغيير V2 إلى V3، ثم نشر التغيير.

git commit -am "version 3"
git push azure main

في المستعرض، انتقل إلى عنوان URL لنقطة نهاية شبكة تسليم المحتوى باستخدام سلسلة استعلام جديدة، مثل q=2. تحصل Azure Content Delivery Network على ملف index.html الحالي وتعرض V3. ومع ذلك، إذا انتقلت إلى نقطة نهاية شبكة تسليم المحتوى باستخدام q=1 سلسلة الاستعلام، فسترى V2.

http://<endpointname>.azureedge.net/index.html?q=2

لقطة شاشة ل V3 في العنوان في شبكة تسليم المحتوى، سلسلة الاستعلام 2.

http://<endpointname>.azureedge.net/index.html?q=1

لقطة شاشة ل V2 في العنوان في شبكة تسليم المحتوى، سلسلة الاستعلام 1.

يوضح هذا الإخراج أن كل سلسلة استعلام يتم التعامل معها بشكل مختلف:

  • تم استخدام q= 1 من قبل، لذلك يتم إرجاع المحتويات المخزنة مؤقتًا (V2).
  • q= 2 جديد، لذلك يتم استرداد أحدث محتويات تطبيق الويب وإعادتها (V3).

لمزيد من المعلومات، راجع التحكم في سلوك التخزين المؤقت لشبكة تسليم المحتوى Azure باستخدام سلاسل الاستعلام.

تنظيف الموارد

في الخطوات السابقة، أنشأت موارد Azure في إحدى مجموعات الموارد. إذا لم تتوقع احتياجك لهذه الموارد في المستقبل، فاحذف مجموعة الموارد من خلال تشغيل الأمر التالي في Cloud Shell:

az group delete --name myResourceGroup

ربما يستغرق الأمر بضع دقائق للتشغيل.

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

ما تعلمته:

  • إنشاء نقطة نهاية شبكة تسليم المحتوى.
  • تحديث الأصول المخزنة مؤقتًا.
  • استخدام سلاسل الاستعلام للتحكم في الإصدارات المخزنة مؤقتًا.

تعرف على كيفية تحسين أداء شبكة تسليم المحتوى في المقالات التالية: