Quickstart: نشر تطبيق ويب ASP.NET
في هذه البداية السريعة، ستتعلم كيفية إنشاء ونشر أول تطبيق ويب ASP.NET إلى Azure App Service. تدعم خدمة التطبيقات الإصدارات المختلفة من تطبيقات NET. وتوفر خدمة استضافة ويب قابلة للتطوير بدرجة كبيرة وذاتية الترقيع. تطبيقات الويب ASP.NET متعددة المنصات ويمكن استضافتها على Linux أو Windows. عند الانتهاء، سيكون لديك مجموعة موارد Azure تتكون من خطة استضافة خدمة التطبيقات وخدمة التطبيقات مع تطبيق الويب المنشور.
المتطلبات الأساسية
- حساب Azure باشتراك نشط. قم بإنشاء حساب مجانًا.
- Visual Studio 2022 مع ASP.NET وحمل العمل الخاص بتطوير مواقع الويب.
إذا كنت قد قمت بالفعل بتثبيت Visual Studio 2022:
- ثبّت آخر التحديثات في Visual Studio بتحديد تعليمات>التحقق من وجود تحديثات.
- أضف عبء العمل عن طريق تحديد الأدوات>الحصول على الأدوات والميزات.
- حساب Azure باشتراك نشط. قم بإنشاء حساب مجانًا.
- Visual Studio Code.
- الامتداد Azure Tools.
- حساب Azure باشتراك نشط. قم بإنشاء حساب مجانًا.
- Azure CLI.
- NET SDK (بما في ذلك وقت التشغيل وCLI).
- حساب Azure باشتراك نشط. إنشاء حساب مجاناً.
- Azure PowerShell.
- NET SDK (بما في ذلك وقت التشغيل وCLI).
قم بإنشاء تطبيق ويب ASP.NET
افتح Visual Studio ثم حدد إنشاء مشروع جديد.
في إنشاء مشروع جديد، ابحث عن تطبيق ويب Core وحدد ASP.NET ه، ثم حدد التالي، وحدده.
في تكوين مشروعك الجديد، قم بتسمية التطبيق MyFirstAzureWebApp، ثم حدد التالي.
حدد .NET Core 6.0 (دعم طويل الأجل) .
تأكد من تعيين نوع المصادقة إلى بلا. حدد "Create".
من قائمة Visual Studio، حدد تصحيح>بدء بدون تصحيح لتشغيل تطبيق الويب محليًا.
من خلال نافذة terminal، قم بإنشاء مجلد جديد باسم MyFirstAzureWebApp، وافتحه في Visual Studio Code.
mkdir MyFirstAzureWebApp code MyFirstAzureWebAppفي Visual Studio Code، افتح نافذة Terminalعن طريق كتابة
Ctrl+`.في Visual Studio التعليمات البرمجية، قم بإنشاء تطبيق ويب .NET جديد باستخدام
dotnet new webappالأمر.dotnet new webapp -f net6.0من Terminal في Visual Studio Code، قم بتشغيل التطبيق محليًا باستخدام الأمر
dotnet run.dotnet run --urls=https://localhost:5001/افتح مستعرض ويب، وانتقل إلى التطبيق على
https://localhost:5001.ستجد تطبيق الويب ASP.NET Core 6.0 للقالب معروضًا في الصفحة.
افتح نافذة طرفية على جهازك إلى دليل عمل. أنشئ تطبيق ويب .NET جديدًا باستخدام الأمر
dotnet new webapp، ثم قم بتغيير الدلائل إلى التطبيق الذي تم إنشاؤه حديثًا.dotnet new webapp -n MyFirstAzureWebApp --framework net6.0 cd MyFirstAzureWebAppمن نفس جلسة المحطة، قم بتشغيل التطبيق محليًا باستخدام الأمر
dotnet run.dotnet run --urls=https://localhost:5001/افتح مستعرض ويب، وانتقل إلى التطبيق على
https://localhost:5001.ستجد تطبيق الويب ASP.NET Core 6.0 للقالب معروضًا في الصفحة.
انشر تطبيق الويب الخاص بك
لنشر تطبيق الويب الخاص بك، يجب عليك أولاً إنشاء وتكوين خدمة تطبيقات جديدة يمكنك نشر تطبيقك عليها.
كجزء من إعداد خدمة التطبيق، ستنشئ:
- مجموعة موارد جديدة لاحتواء جميع موارد Azure للخدمة.
- خطة استضافة جديدة تحدد الموقع والحجم والميزات الخاصة بمجموعة خوادم الويب التي تستضيف تطبيقك.
اتبع هذه الخطوات لإنشاء موارد App Service ونشر المشروع الخاص بك:
في مستكشف الحلول، انقر بزر الماوس الأيمن فوق مشروع MyFirstAzureWebApp وحدد نشر.
في نشر، حدد Azure ثم التالي.
اختر هدفًا محددًا، إما Azure App Service (Linux) أو Azure App Service (Windows). ثم حدد «التالي».
هام
عند استهداف ASP.NET Framework 4.8، استخدم Azure App Service (Windows) .
تعتمد خياراتك على ما إذا كنت قد سجلت الدخول إلى Azure بالفعل أم لا، وما إذا كان لديك حساب Visual Studio مرتبط بحساب Azure أم لا. حدد إما "Add an account" أو "Sign in" لتسجيل الدخول إلى اشتراكك في Azure. إذا قمت بتسجيل الدخول بالفعل، فحدد الحساب الذي تريده.
إلى يسار مثيلات خدمة التطبيق، حدد +.
بالنسبة إلى الاشتراك، اقبل الاشتراك المدرج أو حدد اشتراكًا جديدًا من القائمة المنسدلة.
بالنسبة إلى مجموعة الموارد، حدد "New". في اسم مجموعة الموارد الجديدة، أدخل myResourceGroup وحدد OK.
بالنسبة إلى خطة الاستضافة، حدد "New".
في مربع الحوار "Hosting Plan: Create new"، أدخل القيم المحددة في الجدول التالي:
الإعداد القيمة المقترحة الوصف نوع خطة الاستضافة خطتي الأولى لتطبيق Azure Web اسم خطة خدمة التطبيق. الموقع غرب أوروبا مركز البيانات حيث يتم استضافة تطبيق الويب. Size مجاني تحدد طبقة التسعير ميزات الاستضافة. في الاسم، أدخل اسمًا فريدًا للتطبيق لا يتضمن سوى الأحرف الصالحة
a-z وA-Z و0-9 و-. يمكنك قبول الاسم الفريد الذي تم إنشاؤه تلقائيًا. عنوان URL لتطبيق الويب هوhttp://<app-name>.azurewebsites.net، حيث<app-name>هو اسم التطبيق الخاص بك.حدد إنشاء لإنشاء موارد Azure.
بمجرد اكتمال المعالج، يتم إنشاء موارد Azure لك وتكون جاهزا لنشر مشروع ASP.NET Core الخاص بك.
في مربع الحوار نشر ، تأكد من تحديد تطبيق App Service الجديد في مثيل App Service، ثم حدد إنهاء. يُنشئ Visual Studio ملفًا تعريفيًا لك من أجل نشر تطبيق App Service المُحدد.
في صفحة نشر حدد نشر. إذا ظهرت لك رسالة تحذير، فحدد متابعة.
يقوم Visual Studio بإنشاء التطبيق وحزمه ونشره على Azure، ثم يقوم بتشغيل التطبيق في المستعرض الافتراضي.
ستجد تطبيق الويب ASP.NET Core 6.0 معروضًا في الصفحة.
في Visual Studio Code، افتح لوحة الأوامر، Ctrl + Shift + P.
ابحث عن وحدد "Azure App Service: النشر في تطبيق الويب".
استجب للمطالبات على النحو التالي:
- حدد MyFirstAzureWebApp كمجلد للنشر.
- حدد إضافة تكوين عندما يُطلب منك ذلك.
- إذا طُلب منك ذلك، سجل دخولك باستخدام حساب Azure الخاص بك.
- حدد Subscription الخاص بك.
- حدد Create new Web App... Advanced.
- بالنسبة إلى أدخل اسمًا فريدًا عالميًا، استخدم اسمًا فريدًا عبر جميع أنواع Azure (الأحرف الصالحة هي
a-z و0-9 و-). النمط الجيد هو استخدام مزيج من اسم شركتك ومعرف التطبيق. - حدد إنشاء مجموعة موارد جديدة وقدم اسمًا مثل
myResourceGroup. - عندما يُطلب منك تحديد حزمة وقت تشغيل:
- بالنسبة إلى .NET 6.0، حدد .NET 6
- بالنسبة إلى .NET Framework 4.8، حدد ASP.NET V4.8
- حدد نظام تشغيل (Windows أو Linux).
- بالنسبة إلى .NET Framework 4.8، سيتم تحديد Windows بشكل ضمني.
- حدد موقعًا قريبًا منك.
- حدد إنشاء خطة خدمة تطبيق جديدة، وقدم اسما، وحدد طبقة التسعيرالمجاني F1.
- حدد تخطّ الآن لمورد Application Insights.
في النافذة المنبثقة انشر دائما مساحة العمل "MyFirstAzureWebApp" إلى <اسم> التطبيق"، حدد نعم بحيث يتم نشر Visual Studio Code على تطبيق App Service نفسه في كل مرة تكون فيها في مساحة العمل هذه.
عند اكتمال النشر، حدد تصفح موقع الويب في الإشعار وحدد فتح عند مطالبتك بذلك.
ستجد تطبيق الويب ASP.NET Core 6.0 معروضًا في الصفحة.
قم بتسجيل الدخول إلى حساب Azure الخاص بك باستخدام الأمر
az loginواتباع الموجه:az loginانشر الشفرة في دليل MyFirstAzureWebApp المحلي باستخدام الأمر
az webapp up:az webapp up --sku F1 --name <app-name> --os-type <os>- إذا لم يتم التعرف على
azالأمر، فتأكد من تثبيت Azure CLI كما هو موضح في المتطلبات الأساسية. - استبدال
<app-name>مع اسم هذا فريدة من نوعها في جميع Azure (الحروف الصحيحة هيa-z،0-9، و-). النمط الجيد هو استخدام مزيج من اسم شركتك ومعرف التطبيق. - تقوم الوسيطة
--sku F1بإنشاء تطبيق الويب على طبقة التسعير المجاني. احذف هذه الحجة لاستخدام فئة أقساط أسرع، والتي تتكبد تكلفة بالساعة. - استبدل
<os> إما بـ linux أو windows. يجب عليك استخدام windows عند استهداف ASP.NET Framework 4.8. - يمكنك اختياريًا تضمين الوسيطة
--location <location-name> حيث <location-name> هي منطقة Azure متوفرة. يمكنك استرداد قائمة المناطق المسموح بها لحساب Azure الخاص بك عن طريق تشغيلaz account list-locationsالأوامر.
قد يستغرق الأمر بضع دقائق لإكماله. في أثناء التشغيل، فإنه يوفر رسائل حول إنشاء مجموعة الموارد، وخطة خدمة التطبيق، واستضافة التطبيق، وتكوين التسجيل، ثم تنفيذ نشر ZIP. ثم يعرض رسالة تحتوي على عنوان URL للتطبيق:
You can launch the app at http://<app-name>.azurewebsites.net- إذا لم يتم التعرف على
افتح مستعرض ويب وانتقل إلى عنوان URL:
ستجد تطبيق الويب ASP.NET Core 6.0 معروضًا في الصفحة.
ملاحظة
يوصى باستخدام Azure PowerShell لإنشاء تطبيقات على نظام استضافة Windows. لإنشاء التطبيقات على Linux، استخدم أداة مختلفة، مثل Azure CLI.
قم بتسجيل الدخول إلى حساب Azure الخاص بك باستخدام الأمر
Connect-AzAccountواتباع الموجه:Connect-AzAccount
إنشاء تطبيق جديد باستخدام الأمر New-AzWebApp:
New-AzWebApp -Name <app-name> -Location westeurope- استبدال
<app-name>مع اسم هذا فريدة من نوعها في جميع Azure (الحروف الصحيحة هيa-z،0-9، و-). يعد الجمع بين اسم شركتك ومعرف التطبيق نمطا جيدا. - يمكنك تضمين المعلمة
-Location <location-name>اختياريًا حيث تكون<location-name>منطقة Azure متاحة. يمكنك استرداد قائمة المناطق المسموح بها لحساب Azure الخاص بك عن طريق تشغيل الأمر Get-AzLocation.
قد يستغرق الأمر بضع دقائق لإكماله. أثناء التشغيل، يقوم بإنشاء مجموعة موارد وخطة خدمة التطبيق ومورد خدمة التطبيق.
- استبدال
من مجلد جذر التطبيق، قم بإعداد تطبيق MyFirstAzureWebAppالمحلي للنشر باستخدام الأمر
dotnet publish:dotnet publish --configuration Releaseغيّر إلى دليل الإصدار وأنشئ ملفًا مضغوطًا من المحتويات:
cd bin\Release\net6.0\publish Compress-Archive -Path * -DestinationPath deploy.zipانشر الملف المضغوط إلى تطبيق Azure باستخدام الأمر Publish-AzWebApp:
Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Forceملاحظة
يحتاج
-ArchivePathإلى المسار الكامل للملف المضغوط.افتح مستعرض ويب وانتقل إلى عنوان URL:
ستجد تطبيق الويب ASP.NET Core 6.0 معروضًا في الصفحة.
قم بتحديث التطبيق وإعادة النشر
اتبع هذه الخطوات لتحديث وإعادة نشر تطبيق الويب الخاص بك:
في مستكشف الحلول، ضمن مشروعك، افتح Index.cshtml.
استبدل أول عنصر
<div> بالشفرة التالية:<div class="jumbotron"> <h1>.NET 💜 Azure</h1> <p class="lead">Example .NET app to Azure App Service.</p> </div>حفظ التغييرات.
لإعادة النشر إلى Azure، انقر بزر الماوس الأيمن فوق مشروع MyFirstAzureWebApp في مستكشف الحلول وحدد نشر.
في صفحة الملخص نشر حدد نشر.
عند اكتمال النشر، يقوم Visual Studio بتشغيل مستعرض إلى عنوان URL لتطبيق الويب.
ستجد تطبيق الويب ASP.NET Core 6.0 المُحدث معروضًا على الصفحة.
افتح Index.cshtml.
استبدل أول عنصر
<div> بالشفرة التالية:<div class="jumbotron"> <h1>.NET 💜 Azure</h1> <p class="lead">Example .NET app to Azure App Service.</p> </div>حفظ التغييرات.
في Visual Studio Code، افتح لوحة الأوامر، Ctrl + Shift + P.
ابحث عن وحدد "Azure App Service: النشر في تطبيق الويب".
حدد Deploy عند مطالبتك بذلك.
عند اكتمال النشر، حدد تصفح موقع الويب في الإشعار وحدد فتح عند مطالبتك بذلك.
ستجد تطبيق الويب ASP.NET Core 6.0 المُحدث معروضًا على الصفحة.
في الدليل المحلي، افتح ملف Index.cshtml. استبدل أول عنصر <div>:
<div class="jumbotron">
<h1>.NET 💜 Azure</h1>
<p class="lead">Example .NET app to Azure App Service.</p>
</div>
احفظ التغييرات، ثم انشر التطبيق باستخدام الأمر az webapp up مرة أخرى:
يُعد ASP.NET Core 6.0 نظامًا يعمل عبر الأنظمة الأساسية، استنادًا إلى عملية التوزيع السابقة، يتم استخدام <os> بدلاً من linux أو windows.
az webapp up --os-type <os>
يستخدم هذا الأمر القيم المخزنة مؤقتًا محليًا في ملف .azure / config بما في ذلك اسم التطبيق ومجموعة الموارد وخطة خدمة التطبيق.
بمجرد اكتمال النشر، عُد إلى نافذة المتصفح التي فتحت في خطوة تصفح إلى التطبيق واضغط على "تحديث".
ستجد تطبيق الويب ASP.NET Core 6.0 المُحدث معروضًا على الصفحة.
في الدليل المحلي، افتح ملف Index.cshtml. استبدل أول عنصر
<div>:<div class="jumbotron"> <h1>.NET 💜 Azure</h1> <p class="lead">Example .NET app to Azure App Service.</p> </div>من مجلد جذر التطبيق، قم بإعداد تطبيق MyFirstAzureWebAppالمحلي للنشر باستخدام الأمر
dotnet publish:dotnet publish --configuration Releaseغيّر إلى دليل الإصدار وأنشئ ملفًا مضغوطًا من المحتويات:
cd bin\Release\net6.0\publish Compress-Archive -Path * -DestinationPath deploy.zipانشر الملف المضغوط إلى تطبيق Azure باستخدام الأمر Publish-AzWebApp:
Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Forceملاحظة
يحتاج
-ArchivePathإلى المسار الكامل للملف المضغوط.بمجرد اكتمال النشر، عُد إلى نافذة المتصفح التي فتحت في خطوة تصفح إلى التطبيق واضغط على "تحديث".
ستجد تطبيق الويب ASP.NET Core 6.0 المُحدث معروضًا على الصفحة.
إدارة تطبيق Azure
لإدارة تطبيق الويب، انتقل إلى مدخل Microsoft Azure، وابحث عن خدمات التطبيقات وحددها.
في صفحة App Services، اختر اسم تطبيق الويب.
تحتوي صفحة نظرة عامة لتطبيق الويب الخاص بك على خيارات للإدارة الأساسية مثل التصفح والإيقاف والبدء وإعادة التشغيل والحذف. توفر القائمة اليسرى مزيدًا من الصفحات لتكوين تطبيقك.
تنظيف الموارد
في الخطوات السابقة، أنشأت موارد Azure في مجموعة الموارد. إذا لم تكن تتوقع أن تحتاج إلى هذه الموارد في المستقبل، يمكنك حذفها عن طريق حذف مجموعة الموارد.
- من صفحةنظرة عامة الخاصة بتطبيق الويب، والموجودة في مدخل Azure، حدد الرابطمجموعة مواردي ضمن مجموعة الموارد.
- في صفحة مجموعة الموارد، تأكد من أن الموارد المذكورة في القائمة هي تلك التي تريد حذفها.
- حدد حذف، واكتب مجموعة مواردي في مربع النص، ثم حدد حذف.
تنظيف الموارد
في الخطوات السابقة، أنشأت موارد Azure في مجموعة الموارد. إذا لم تكن تتوقع أن تحتاج إلى هذه الموارد في المستقبل، يمكنك حذفها عن طريق حذف مجموعة الموارد.
- من صفحةنظرة عامة الخاصة بتطبيق الويب، والموجودة في مدخل Azure، حدد الرابطمجموعة مواردي ضمن مجموعة الموارد.
- في صفحة مجموعة الموارد، تأكد من أن الموارد المذكورة في القائمة هي تلك التي تريد حذفها.
- حدد حذف، واكتب مجموعة مواردي في مربع النص، ثم حدد حذف.
تنظيف الموارد
في الخطوات السابقة، أنشأت موارد Azure في مجموعة الموارد. إذا لم تتوقع احتياجك لهذه الموارد في المستقبل، فاحذف مجموعة الموارد من خلال تشغيل الأمر التالي في Cloud Shell:
az group delete --name myResourceGroup
ربما يستغرق الأمر بضع دقائق للتشغيل.
تنظيف الموارد
في الخطوات السابقة، أنشأت موارد Azure في مجموعة الموارد. إذا كنت لا تتوقع أن تحتاج إلى هذه الموارد في المستقبل، فاحذف مجموعة الموارد عن طريق تشغيل أمر PowerShell التالي:
Remove-AzResourceGroup -Name myResourceGroup
ربما يستغرق الأمر بضع دقائق للتشغيل.
الخطوات التالية
في هذا التشغيل السريع، قمت بإنشاء ونشر تطبيق ويب ASP.NET إلى Azure App Service.
تقدم إلى المقالة التالية لمعرفة كيفية إنشاء تطبيق .NET Core وتوصيله بقاعدة بيانات SQL:

















