Hızlı Başlangıç: ASP.NET web uygulaması dağıtma

2022'de Visual Studio:

1. Güncelleştirmeler için Yardım Denetimi'Visual Studio seçerek en son > güncelleştirmeleri Visual Studio'ye yükleyin.
2. Araçlar Araçları ve Özellikleri Al'ı > seçerek iş yükünü ekleyin.

• Etkin aboneliği olan bir Azure hesabı. Ücretsiz bir hesap oluşturun.
• Visual Studio Code.
• Azure Araçları uzantısı.

• Etkin aboneliği olan bir Azure hesabı. Ücretsiz bir hesap oluşturun.
• Azure CLI.
• .NET SDK (çalışma zamanı ve CLI içerir).

• Etkin aboneliği olan bir Azure hesabı. Ücretsiz bir hesap oluşturun.
• Azure PowerShell.
• .NET SDK (çalışma zamanı ve CLI içerir).

1. Terminal penceresinde MyFirstAzureWebApp adlı yeni bir klasör oluşturun ve bu klasörü Visual Studio Code.

   mkdir MyFirstAzureWebApp
   code MyFirstAzureWebApp
   

2. Bu Visual Studio Code yazarak Terminal penceresini Ctrl + ` açın.

3. Visual Studio Code terminalinde komutunu kullanarak yeni bir .NET web uygulaması dotnet new webapp oluşturun.

   • .NET 6.0
   • .NET Framework 4.8

   dotnet new webapp -f net6.0
   

4. Visual Studio Code terminalinde komutunu kullanarak uygulamayı yerel olarak dotnet run çalıştırın.

   dotnet run --urls=https://localhost:5001/
   

5. Bir web tarayıcısı açın ve https://localhost:5001 konumundaki uygulamaya gidin.

   • .NET 6.0
   • .NET Framework 4.8

   Şablon 6.0 ASP.NET Core 6.0 web uygulaması sayfasında görüntülenir.

   

1. Makinenizin çalışma dizinine bir terminal penceresi açın. komutunu kullanarak yeni bir .NET web uygulaması dotnet new webapp oluşturun ve ardından dizinleri yeni oluşturulan uygulamaya dönüştürebilirsiniz.

   • .NET 6.0
   • .NET Framework 4.8

   dotnet new webapp -n MyFirstAzureWebApp --framework net6.0
   cd MyFirstAzureWebApp
   

2. Aynı terminal oturumundan komutunu kullanarak uygulamayı yerel olarak dotnet run çalıştırın.

   dotnet run --urls=https://localhost:5001/
   

3. Bir web tarayıcısı açın ve https://localhost:5001 konumundaki uygulamaya gidin.

   • .NET 6.0
   • .NET Framework 4.8

   Şablon 6.0 ASP.NET Core 6.0 web uygulaması sayfasında görüntülenir.

   

1. Çözüm Gezgini, Myfirstazurewebapp projesine sağ tıklayın ve Yayımla' yı seçin.

2. Yayımla' da Azure ' u ve ardından İleri' yi seçin.

   

3. Azure App Service (Linux) veya Azure App Service (Windows) belirli hedefi seçin. Ardından İleri' ye tıklayın.

   Önemli

   ASP.NET Framework 4,8 hedeflenirken Azure App Service (Windows) kullanın.

4. seçenekleriniz, azure 'da oturum açmış olup olmadığınız ve bir azure hesabına bağlı Visual Studio hesabınız olup olmadığına bağlıdır. Azure aboneliğinizde oturum açmak için Hesap Ekle veya oturum aç seçeneklerinden birini belirleyin. Zaten oturum açtıysanız istediğiniz hesabı seçin.

   

5. App Service örneklerinin sağında, öğesini seçin + .

   

6. Abonelik için, listelenen aboneliği kabul edin veya açılan listeden yeni bir tane seçin.

7. Kaynak grubu için Yeni' yi seçin. Yeni kaynak grubu adı alanına Myresourcegroup yazın ve Tamam' ı seçin.

8. Barındırma planı için Yeni' yi seçin.

9. Barındırma planı: Yeni oluştur iletişim kutusunda, aşağıdaki tabloda belirtilen değerleri girin:

   Ayar	Önerilen değer	Açıklama
   Barındırma Planı	MyFirstAzureWebAppPlan	App Service planının adı.
   Konum	West Europe	Web uygulamasının barındırıldığı veri merkezi.
   Boyut	Ücretsiz	Fiyatlandırma katmanı, barındırma özelliklerini belirler.

   

10. Ad alanına,,, ve yalnızca geçerli karakterleri içeren benzersiz bir uygulama adı girin a-z A-Z 0-9 - . Otomatik olarak oluşturulan benzersiz adı kabul edebilirsiniz. Web uygulamasının URL'si http://<app-name>.azurewebsites.net şeklindedir; burada <app-name>, uygulamanızın adıdır.

11. Azure kaynaklarını oluşturmak için Oluştur ' u seçin.

    

    sihirbaz tamamlandıktan sonra Azure kaynakları sizin için oluşturulur ve ASP.NET Core projenizi yayımlamaya hazırsınızdır.

12. Yayımla iletişim kutusunda yeni App Service uygulamanızın App Service örnekte seçildiğinden emin olun ve ardından son' u seçin. Visual Studio, seçili App Service uygulaması için sizin için bir yayımlama profili oluşturur.

13. Yayımla sayfasında Yayımla' yı seçin. Uyarı iletisi görürseniz devam' a tıklayın.

    Visual Studio uygulamayı oluşturur, paketler ve Azure 'da yayımlar ve ardından uygulamayı varsayılan tarayıcıda başlatır.

    • .NET 6.0
    • .NET Framework 4.8

    ASP.NET Core 6,0 web uygulamasının sayfada görüntülendiğini görürsünüz.

    

1. Visual Studio Code ' de, Ctrlshıft P komut paletiniaçın + + .

2. Arama yapın ve "Azure App Service: Web uygulamasına dağıt" ı seçin.

3. İstemlere aşağıdaki gibi yanıt verin:

   1. Dağıtılacak klasör olarak Myfirstazurewebapp öğesini seçin.
   2. İstendiğinde yapılandırma Ekle ' yi seçin.
   3. İstenirse, Azure hesabınızda oturum açın.
   4. Aboneliğinizi seçin.
   5. Yeni Web uygulaması oluştur ' u seçin... Gelişmiş.
   6. Genel olarak benzersiz bir ad girin, tüm Azure genelinde benzersiz bir ad kullanın (geçerli karakterler a-z , 0-9 ve -). İyi bir model, şirketinizin adının ve uygulama tanımlayıcısının bir birleşimini kullanmaktır.
   7. Yeni kaynak grubu oluştur ' u seçin ve gibi bir ad sağlayın myResourceGroup .
   8. Çalışma zamanı yığını seçmeniz istendiğinde:
   • .Net 6,0 için, .net 6 seçin
   • .NET Framework 4,8 için ASP.NET v 4.8 seçin
   1. bir işletim sistemi (Windows veya Linux) seçin.
      • .NET Framework 4,8 için Windows örtük olarak seçilecek.
   2. Size yakın bir konum seçin.
   3. Yeni App Service planı oluştur' u seçin, bir ad girin ve F1 ücretsiz fiyatlandırma katmanınıseçin.
   4. Application Insights kaynağı için şimdi atla ' yı seçin.

4. Açılan pencerede "MyFirstAzureWebApp" çalışma alanını her zaman <app-name> "' e dağıt", Evet' i seçin. bu şekilde, aynı çalışma alanında olduğunuz sürece Visual Studio Code her seferinde aynı App Service uygulamasına dağıtılır.

5. Yayımlama tamamlandığında, bildirimde Web sitesine gözatıp ' yi seçin ve istendiğinde Aç ' ı seçin.

   • .NET 6.0
   • .NET Framework 4.8

   ASP.NET Core 6,0 web uygulamasının sayfada görüntülendiğini görürsünüz.

   

1. Komutunu kullanarak ve istemi izleyerek Azure hesabınızda oturum açın az login :

   az login
   

2. Şu komutu kullanarak kodu yerel Myfirstazurewebapp dizininizde dağıtın az webapp up :

   az webapp up --sku F1 --name <app-name> --os-type <os>
   

   • azKomut tanınmazsa, Önkoşullarbölümünde AÇıKLANDıĞı gibi Azure CLI 'nın yüklü olduğundan emin olun.
   • <app-name>Tüm Azure genelinde benzersiz olan bir adla değiştirin (geçerli karakterler a-z , 0-9 ve -). İyi bir model, şirketinizin adının ve uygulama tanımlayıcısının bir birleşimini kullanmaktır.
   • --sku F1Bağımsız değişkeni, ücretsiz fiyatlandırma katmanındaWeb uygulaması oluşturur. Saatlik maliyet içeren daha hızlı bir Premium katmanı kullanmak için bu bağımsız değişkeni atlayın.
   • <os>Ya da ile linux değiştirin windows . windows ASP.NET Framework 4,8' i hedeflerken kullanmanız gerekir.
   • İsteğe bağlı olarak --location <location-name> <location-name> , kullanılabilir bir Azure bölgesi olan bağımsız değişkeni ekleyebilirsiniz. Komutunu çalıştırarak, Azure hesabınız için izin verilen bölgelerin bir listesini alabilirsiniz az account list-locations .

   Komutun tamamlanması birkaç dakika sürebilir. Çalıştırılırken, kaynak grubu oluşturma, App Service planı ve barındırma uygulaması, günlüğe kaydetmeyi yapılandırma ve ardından ZIP dağıtımı gerçekleştirme hakkında iletiler sağlar. Daha sonra uygulamanın URL 'SI ile bir ileti verir:

   You can launch the app at http://<app-name>.azurewebsites.net
   

3. Bir Web tarayıcısı açın ve URL 'ye gidin:

   • .NET 6.0
   • .NET Framework 4.8

   ASP.NET Core 6,0 web uygulamasının sayfada görüntülendiğini görürsünüz.

   

1. Komutunu kullanarak ve istemi izleyerek Azure hesabınızda oturum açın Connect-AzAccount :

   Connect-AzAccount
   

2. New-AzWebApp komutunu kullanarak yeni bir uygulama oluşturun:

   New-AzWebApp -Name <app-name> -Location westeurope
   

   • <app-name>Tüm Azure genelinde benzersiz olan bir adla değiştirin (geçerli karakterler a-z , 0-9 ve -). İyi bir model, şirketinizin adının ve uygulama tanımlayıcısının bir birleşimini kullanmaktır.
   • İsteğe bağlı olarak, -Location <location-name> <location-name> kullanılabilir bir Azure bölgesi olan parametreyi ekleyebilirsiniz. Komutunu çalıştırarak, Azure hesabınız için izin verilen bölgelerin bir listesini alabilirsiniz Get-AzLocation .

   Komutun tamamlanması birkaç dakika sürebilir. Çalıştırılırken, bir kaynak grubu, bir App Service planı ve App Service kaynağı oluşturur.

3. Uygulama kök klasöründen, şu komutu kullanarak yerel Myfirstazurewebapp uygulamanızı dağıtıma hazırlayın dotnet publish :

   dotnet publish --configuration Release
   

4. Sürüm dizinine geçin ve içeriklerden bir ZIP dosyası oluşturun:

   • .NET 6.0
   • .NET Framework 4.8

   cd bin\Release\net6.0\publish
   Compress-Archive -Path * -DestinationPath deploy.zip
   

5. Yayımla-AzWebApp komutunu kullanarak ZIP dosyasını Azure uygulamasında yayımlayın:

   Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
   

   Not

   -ArchivePath ZIP dosyasının tam yolunu gerektirir.

6. Bir Web tarayıcısı açın ve URL 'ye gidin:

   • .NET 6.0
   • .NET Framework 4.8

   ASP.NET Core 6,0 web uygulamasının sayfada görüntülendiğini görürsünüz.

   

1. Çözüm Gezgini, projeniz altında Index. cshtml dosyasını açın.

2. İlk <div> öğeyi aşağıdaki kodla değiştirin:

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

   Yaptığınız değişiklikleri kaydedin.

3. Azure 'a yeniden dağıtmak için, Çözüm Gezgini ' de Myfirstazurewebapp projesine sağ tıklayın ve Yayımla' yı seçin.

4. Yayımla Özeti sayfasında Yayımla' yı seçin.

   Yayımlama tamamlandığında Visual Studio, web uygulamasının URL’si ile bir tarayıcı başlatır.

   • .NET 6.0
   • .NET Framework 4.8

   güncelleştirilmiş ASP.NET Core 6,0 web uygulamasının sayfada görüntülendiğini görürsünüz.

   

1. Index.cshtml sayfasını açın.

2. İlk <div> öğeyi aşağıdaki kodla değiştirin:

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

   Yaptığınız değişiklikleri kaydedin.

3. Visual Studio Code ' de, Ctrlshıft P komut paletiniaçın + + .

4. Arama yapın ve "Azure App Service: Web uygulamasına dağıt" ı seçin. ' ın, çalışma alanınızı daha önceki bir adımda dağıtmak üzere uygulamayı anımsamasını Visual Studio Code söylediğinizden emin olduğunu unutmayın.

5. İstendiğinde Dağıt ' ı seçin.

6. Yayımlama tamamlandığında, bildirimde Web sitesine gözatıp ' yi seçin ve istendiğinde Aç ' ı seçin.

   • .NET 6.0
   • .NET Framework 4.8

   güncelleştirilmiş ASP.NET Core 6,0 web uygulamasının sayfada görüntülendiğini görürsünüz.

   

Yerel dizinde Index. cshtml dosyasını açın. İlk öğeyi Değiştir <div> :

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Değişikliklerinizi kaydettikten sonra az webapp up komutu tekrar kullanarak uygulamayı yeniden dağıtın:

az webapp up --os-type <os>

az webapp up --os-type windows

Bu komut, uygulama adı, kaynak grubu ve App Service planı dahil olmak üzere . Azure/config dosyasında yerel olarak önbelleğe alınan değerleri kullanır.

Dağıtım tamamlandıktan sonra Uygulamaya göz at adımında açılan tarayıcı penceresine dönüp yenile öğesine dokunun.

1. Yerel dizinde Index. cshtml dosyasını açın. İlk öğeyi Değiştir <div> :

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

2. Uygulama kök klasöründen, şu komutu kullanarak yerel Myfirstazurewebapp uygulamanızı dağıtıma hazırlayın dotnet publish :

   dotnet publish --configuration Release
   

3. Sürüm dizinine geçin ve içeriklerden bir ZIP dosyası oluşturun:

   • .NET 6.0
   • .NET Framework 4.8

   cd bin\Release\net6.0\publish
   Compress-Archive -Path * -DestinationPath deploy.zip
   

4. Yayımla-AzWebApp komutunu kullanarak ZIP dosyasını Azure uygulamasında yayımlayın:

   Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
   

   Not

   -ArchivePath ZIP dosyasının tam yolunu gerektirir.

5. Dağıtım tamamlandıktan sonra Uygulamaya göz at adımında açılan tarayıcı penceresine dönüp yenile öğesine dokunun.

   • .NET 6.0
   • .NET Framework 4.8

   güncelleştirilmiş ASP.NET Core 6,0 web uygulamasının sayfada görüntülendiğini görürsünüz.

   

Kaynakları temizleme

Önceki adımlarda, bir kaynak grubunda Azure kaynakları oluşturdunuz. İleride bu kaynaklara ihtiyaç duymayacağınızı düşünüyorsanız kaynakları silmek için kaynak grubunu silebilirsiniz.

1. Web uygulamanızın Azure portalındaki Genel Bakış sayfasından Kaynak grubu'nun altındaki myResourceGroup bağlantısını seçin.
2. Kaynak grubu sayfasındaki listede yer alan kaynakların silmek istediğiniz kaynaklar olduğundan emin olun.
3. Sil'i seçin, metin kutusuna myResourceGroup yazın ve ardından Sil'e tıklayın.

Kaynakları temizleme

Önceki adımlarda, bir kaynak grubunda Azure kaynakları oluşturdunuz. İleride bu kaynaklara ihtiyaç duymayacağınızı düşünüyorsanız kaynakları silmek için kaynak grubunu silebilirsiniz.

1. Web uygulamanızın Azure portalındaki Genel Bakış sayfasından Kaynak grubu'nun altındaki myResourceGroup bağlantısını seçin.
2. Kaynak grubu sayfasındaki listede yer alan kaynakların silmek istediğiniz kaynaklar olduğundan emin olun.
3. Sil'i seçin, metin kutusuna myResourceGroup yazın ve ardından Sil'e tıklayın.

Kaynakları temizleme

Önceki adımlarda, bir kaynak grubunda Azure kaynakları oluşturdunuz. Bu kaynakların gelecekte gerekli olacağını düşünmüyorsanız, Cloud Shell’de aşağıdaki komutu çalıştırarak kaynak grubunu silin:

az group delete --name myResourceGroup

Bu komutun çalıştırılması bir dakika sürebilir.

Kaynakları temizleme

Önceki adımlarda, bir kaynak grubunda Azure kaynakları oluşturdunuz. Gelecekte bu kaynaklara ihtiyaç olmasını bekley bilmiyorsanız aşağıdaki PowerShell komutunu çalıştırarak kaynak grubunu silin:

Remove-AzResourceGroup -Name myResourceGroup

Bu komutun çalıştırılması bir dakika sürebilir.