Aracılığıyla paylaş


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

Not

1 Haziran 2024'te, yeni oluşturulan tüm App Service uygulamalarının adlandırma kuralıyla <app-name>-<random-hash>benzersiz bir varsayılan ana bilgisayar adı oluşturma seçeneği olacaktır.<region>..azurewebsites.net Mevcut uygulamaların adları değişmez.

Örnek: myapp-ds27dh7271aah175.westus-01.azurewebsites.net

Daha fazla bilgi için bkz. App Service Kaynağı için Benzersiz Varsayılan Ana Bilgisayar Adı.

Bu hızlı başlangıçta, ilk ASP.NET web uygulamanızı oluşturmayı ve Azure Uygulaması Hizmeti'ne dağıtmayı öğreneceksiniz. App Service, .NET uygulamalarının çeşitli sürümlerini destekler ve yüksek oranda ölçeklenebilir, kendi kendine düzeltme eki uygulamalı bir web barındırma hizmeti sağlar. ASP.NET web uygulamaları platformlar arasıdır ve Linux veya Windows üzerinde barındırılabilir. İşiniz bittiğinde, App Service barındırma planından ve dağıtılan web uygulamasına sahip bir App Service'i içeren bir Azure kaynak grubunuz olur.

Alternatif olarak, App Service'teki bir Windows veya Linux kapsayıcısının parçası olarak bir ASP.NET web uygulaması dağıtabilirsiniz.

İpucu

Visual Studio, Visual Studio Code ve Azure portalı adımlarında GitHub Copilot ipuçlarını bulun.

Önkoşullar

  • Etkin aboneliği olan bir Azure hesabı. Ücretsiz hesap oluşturun.
  • Visual Studio 2022 ile ASP.NET ve web geliştirme iş yükü.
  • (İsteğe bağlı) GitHub Copilot hesabı olan GitHub Copilot'ı denemek için. 30 günlük ücretsiz deneme sürümü mevcuttur.

Visual Studio 2022'yi zaten yüklediyseniz:

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

1. ASP.NET web uygulaması oluşturma

1. ASP.NET web uygulaması şablonunu başlatın

  1. Visual Studio'yu açın ve ardından Yeni proje oluştur'u seçin.

  2. Yeni proje oluştur bölümünde ASP.NET Core Web App (Razor Pages) öğesini bulun ve seçin, ardından İleri'yi seçin.

  3. Yeni projenizi yapılandırın bölümünde uygulamaya MyFirstAzureWebApp adını verin ve İleri'yi seçin.

    Visual Studio - ASP.NET 8.0 web uygulamasını yapılandırma ekran görüntüsü.

  4. .NET 8.0 (Uzun Vadeli Destek) seçeneğini belirleyin.

  5. Kimlik doğrulama türünün Yok olarak ayarlandığından emin olun. Oluştur'u belirleyin.

    Visual Studio ekran görüntüsü - .NET 8.0'ı seçerken ek bilgiler.

  6. Web uygulamasını yerel olarak çalıştırmak için Visual Studio menüsünden Hata>Ayıklama Olmadan Başlat'ı seçin. Otomatik olarak imzalanan bir sertifikaya güvenmenizi isteyen bir ileti görürseniz Evet'i seçin.

    Yerel olarak çalışan Visual Studio - ASP.NET Core 8.0'ın ekran görüntüsü.

İpucu

GitHub Copilot hesabınız varsa Visual Studio için GitHub Copilot özelliklerini almayı deneyin.

  1. Makinenizde çalışan bir dizin için bir terminal penceresi açın. komutunu kullanarak dotnet new webapp yeni bir .NET web uygulaması oluşturun ve ardından dizinleri yeni oluşturulan uygulamayla değiştirin.

    dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
    cd MyFirstAzureWebApp
    
  2. Aynı terminal oturumundan komutunu kullanarak dotnet run uygulamayı yerel olarak ç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.

    Şablon ASP.NET Core 8.0 web uygulamasının sayfada görüntülendiğini görürsünüz.

    Yerel tarayıcıda Visual Studio Code - ASP.NET Core 8.0'ın ekran görüntüsü.

Bu adımda, dağıtım için bir tanıtım projesi çatalı oluşturursunuz.

  1. .NET 8.0 örnek uygulamasına gidin.
  2. GitHub sayfasının sağ üst kısmındaki Çatal düğmesini seçin.
  3. Sahip'i seçin ve varsayılan Depo adını bırakın.
  4. Çatal oluştur'u seçin.

Bu hızlı başlangıçta Hem Azure kaynakları oluşturmak hem de buna kod dağıtmak için Azure Geliştirici CLI'sı (azd) kullanılmaktadır. Azure Geliştirici CLI'sı hakkında daha fazla bilgi için belgeleri veya eğitim yolunu ziyaret edin.

Aşağıdaki adımları kullanarak bu hızlı başlangıç için ASP.NET Core web uygulaması şablonunu alın ve başlatın:

  1. Makinenizde boş bir çalışma dizini için bir terminal penceresi açın. azd komutunu kullanarak azd init şablonu başlatın.

    azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git
    

    Ortam adı istendiğinde girin dev.

  2. Aynı terminal oturumundan komutunu kullanarak dotnet run uygulamayı yerel olarak çalıştırın. Uygulama kodunun --project bulunduğu şablonun azd dizinini belirtmek src için parametresini kullanın.

    dotnet run --project src --urls=https://localhost:5001/
    
  3. Bir web tarayıcısı açın ve konumundaki https://localhost:5001uygulamaya gidin. ASP.NET Core 8.0 web uygulaması şablonu sayfada görüntülenir.

    Yerel tarayıcıda Visual Studio Code - ASP.NET Core 8.0'ın ekran görüntüsü.

2. Web uygulamanızı yayımlama

App Service kaynaklarınızı oluşturmak ve projenizi yayımlamak için şu adımları izleyin:

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

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

    Visual Studio - Web uygulamasını ve hedef Azure'ı yayımlama işleminin ekran görüntüsü.

  3. Azure Uygulaması Hizmeti (Linux) veya Azure Uygulaması Hizmeti (Windows) olan Belirli hedefi seçin. Ardından İleri'yi seçin.

    Önemli

    ASP.NET Framework 4.8'i hedeflerken Azure Uygulaması Hizmeti (Windows) kullanın.

  4. Seçenekleriniz, Azure'da zaten oturum açıp açmadığınıza ve azure hesabına bağlı bir 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çin. Zaten oturum açtıysanız istediğiniz hesabı seçin.

    Visual Studio - Azure'da oturum açmayı seçin iletişim kutusunun ekran görüntüsü.

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

    Visual Studio - Yeni App Service uygulaması iletişim kutusunun ekran görüntüsü.

  6. Abonelik için listelenen aboneliği kabul edin veya açılan listeden yeni bir abonelik 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 Batı Avrupa Web uygulamasının barındırıldığı veri merkezi.
    Büyüklük En düşük katmanı seçin. Fiyatlandırma katmanları barındırma özelliklerini tanımlar.
  10. Ad alanına, yalnızca geçerli karakterleri içeren benzersiz bir uygulama adı girin: a-z, A-Z0-9, ve .- 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.

    Visual Studio - Uygulama kaynakları oluştur iletişim kutusunun ekran görüntüsü.

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

  12. Yayımla iletişim kutusunda yeni App Service uygulamanızın seçili olduğundan emin olun, ardından Son'u ve ardından Kapat'ı 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. Bir uyarı iletisi görürseniz Devam'ı seçin.

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

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

    Azure'da Visual Studio - ASP.NET Core 8.0 web uygulamasının ekran görüntüsü.

  1. Projenizin kök dizininden Visual Studio Code'yu açın.

    code .
    
  2. İstenirse Evet, yazarlara güveniyorum'ı seçin .

    İpucu

    GitHub Copilot hesabınız varsa Visual Studio Code için GitHub Copilot özelliklerini almayı deneyin.

  3. Visual Studio Code'da Komut Paletini Görüntüle'yi>seçerek Komut Paleti'ni açın.

  4. "Azure Uygulaması Hizmeti: Yeni Web Uygulaması Oluştur (Gelişmiş)" araması yapın ve seçin.

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

    1. İstenirse Azure hesabınızda oturum açın.
    2. Aboneliğinizi seçin.
    3. Yeni Web Uygulaması oluştur... öğesini seçin . Gelişmiş.
    4. Genel olarak benzersiz bir ad girin alanında, tüm Azure'da benzersiz bir ad kullanın (geçerli karakterler , 0-9ve -'tira-z). İyi bir desen, şirketinizin adıyla uygulama tanımlayıcısının bir birleşimini kullanmaktır.
    5. Yeni kaynak grubu oluştur'u seçin ve gibi myResourceGroupbir ad sağlayın.
    6. Çalışma zamanı yığını seçin sorulduğunda .NET 8 (LTS) öğesini seçin.
    7. bir işletim sistemi (Windows veya Linux) seçin.
    8. Size yakın bir konum seçin.
    9. Yeni App Service planı oluştur'u seçin, bir ad belirtin ve Ücretsiz (F1) fiyatlandırma katmanını seçin.
    10. Application Insights kaynağı için Şimdilik atla'yı seçin.
    11. İstendiğinde Dağıt'ı seçin.
    12. Dağıtılacak klasör olarak MyFirstAzureWebApp öğesini seçin.
    13. İstendiğinde Yapılandırma Ekle'yi seçin.
  6. "MyFirstAzureWebApp" çalışma alanını her zaman uygulama adına> dağıt" <açılır penceresinde Evet'i seçerek Visual Studio Code'un bu çalışma alanında her zaman aynı App Service uygulamasına dağıtılması için Evet'i seçin.

  7. Yayımlama tamamlandığında bildirimde Web Sitesine Gözat'ı seçin ve istendiğinde Aç'ı seçin.

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

    Azure'da Visual Studio Code - ASP.NET Core 8.0 web uygulamasının ekran görüntüsü.

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

    az login
    
  2. Komutunu kullanarak kodu yerel MyFirstAzureWebApp dizininizde dağıtın az webapp up :

    az webapp up --sku F1 --name <app-name> --os-type <os>
    
    • değerini tüm Azure'da benzersiz bir adla değiştirin <app-name> (geçerli karakterler a-z: , 0-9ve -). İyi bir desen, şirketinizin adıyla uygulama tanımlayıcısının bir birleşimini kullanmaktır.
    • bağımsız değişkeni, --sku F1 ücretsizfiyatlandırma katmanında web uygulamasını oluşturur. Saatlik maliyete neden olan daha hızlı bir premium katmanı kullanmak için bu bağımsız değişkeni atlayın.
    • değerini veya windowsile linux değiştirin<os>.
    • İsteğe bağlı olarak bağımsız değişkeni --location <location-name> kullanılabilir bir Azure bölgesi olan yere <location-name> ekleyebilirsiniz. komutunu çalıştırarak Azure hesabınız için izin verilebilen bölgelerin az account list-locations listesini alabilirsiniz.

    Komutun tamamlanması birkaç dakika sürebilir. Komut çalışırken kaynak grubunu, App Service planını ve barındırma uygulamasını oluşturma, günlüğe kaydetmeyi yapılandırma ve ardından ZIP dağıtımı gerçekleştirme hakkında iletiler sağlar. Ardından uygulamanın URL'sini içeren bir ileti gösterilir:

    You can launch the app at http://<app-name>.azurewebsites.net
    
  3. Bir web tarayıcısı açın ve URL'ye gidin:

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

    Azure'da CLI - ASP.NET Core 8.0 web uygulamasının ekran görüntüsü.

Not

Windows barındırma platformunda uygulama oluşturmak için Azure PowerShell önerilir. Linux'ta uygulama oluşturmak için Azure CLI gibi farklı bir araç kullanın.

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

    Connect-AzAccount
    
  1. New-AzWebApp komutunu kullanarak yeni bir uygulama oluşturun:

    New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope
    
    • değerini tüm Azure'da benzersiz bir adla değiştirin <app-name> (geçerli karakterler a-z: , 0-9ve -). Şirketinizin adıyla uygulama tanımlayıcısının birleşimi iyi bir desendir.
    • İsteğe bağlı olarak parametresini -Location <location-name> kullanılabilir bir Azure bölgesi olan yere <location-name> ekleyebilirsiniz. komutunu çalıştırarak Azure hesabınız için izin verilebilen bölgelerin Get-AzLocation listesini alabilirsiniz.

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

  2. Uygulama kök klasöründen, komutunu kullanarak dotnet publish yerel MyFirstAzureWebApp uygulamanızı dağıtım için hazırlayın:

    dotnet publish --configuration Release
    
  3. Yayın dizinine geçin ve içindekilerden bir zip dosyası oluşturun:

    cd bin\Release\net8.0\publish
    Compress-Archive -Path * -DestinationPath deploy.zip
    
  4. Publish-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 yoluna ihtiyaç duyar.

  5. Bir web tarayıcısı açın ve URL'ye gidin:

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

    Azure'da CLI - ASP.NET Core 8.0 web uygulamasının ekran görüntüsü.

  1. Aramaya uygulama hizmetleri yazın. Hizmetler'in altında Uygulama Hizmetleri'ne tıklayın.

    Azure portalında portal aramasının ekran görüntüsü.

  2. App Services sayfasında Web Uygulaması Oluştur'u>seçin.

  3. Temel Bilgiler sekmesinde:

    • Kaynak grubu'nun altında Yeni oluştur’u seçin. Ad olarak myResourceGroup yazın.
    • Ad'ın altında, web uygulamanız için genel olarak benzersiz bir ad yazın.
    • Yayımla'nın altında Kod'a tıklayın.
    • Çalışma zamanı yığını altında .NET 8 (LTS) öğesini seçin.
    • İşletim Sistemi'nin altında Windows'a tıklayın. Linux'ı seçerseniz, sonraki adımda GitHub dağıtımını yapılandıramazsınız, ancak uygulamayı Dağıtım Merkezi sayfasında oluşturduktan sonra da bunu yapabilirsiniz.
    • Uygulamanıza hizmet vermek istediğiniz bir Bölge seçin.
    • App Service Planı'nın altında Yeni oluştur'u seçin ve ad olarak myAppServicePlan yazın.
    • Fiyatlandırma planı'nın altında Ücretsiz F1'i seçin.

    Azure portalında .NET 8 için yeni App Service uygulama yapılandırmasının ekran görüntüsü.

  4. Sayfanın üst kısmındaki Dağıtım sekmesini seçin

  5. GitHub Actions ayarları altında Sürekli dağıtım'ı Etkinleştir olarak ayarlayın.

  6. GitHub Actions ayrıntıları altında GitHub hesabınızla kimlik doğrulaması yapın ve aşağıdaki seçenekleri belirleyin:

    • Kuruluş için tanıtım projesinin çatalını oluşturduğunuz kuruluşu seçin.
    • Depo için dotnetcore-docs-hello-world projesini seçin.
    • Dal için main'ı seçin.

    .NET 8 çalışma zamanını kullanan bir uygulamanın dağıtım seçeneklerinin ekran görüntüsü.

    Not

    Oluşturma sihirbazı varsayılan olarak temel kimlik doğrulamasını devre dışı bırakır ve GitHub Actions dağıtımı kullanıcı tarafından atanan bir kimlik kullanılarak oluşturulur. Kaynak oluşturma sırasında bir izin hatası alırsanız Azure hesabınızın yeterli izni olmayabilir. GitHub Actions dağıtımını daha sonra azure yöneticisi tarafından sizin için oluşturulan bir kimlikle yapılandırabilir veya bunun yerine temel kimlik doğrulamasını etkinleştirebilirsiniz.

  7. Sayfanın alt kısmındaki Gözden Geçir + oluştur düğmesini seçin.

  8. Doğrulama çalıştırıldıktan sonra sayfanın en altındaki Oluştur düğmesini seçin.

  9. Dağıtım tamamlandıktan sonra Kaynağa git'i seçin.

    Kaynağa gitme işleminin sonraki adımının ekran görüntüsü.

  10. URL'sinde http://<app-name>.azurewebsites.netweb tarayıcınızda dağıtılan uygulamaya göz atın. "Web uygulamanız çalışıyor ve içeriğinizi bekliyor" iletisini görürseniz GitHub dağıtımı çalışmaya devam eder. Birkaç dakika bekleyin ve sayfayı yenileyin.

AZD şablonu, uygulamanızın App Service'te çalışması için aşağıdaki gerekli kaynakları oluşturan dosyalar içerir:

  1. komutunu kullanarak ve istemi izleyerek azd auth login Azure hesabınızda oturum açın:

    azd auth login
    
  2. Azure kaynaklarını oluşturun ve komutunu kullanarak uygulamanızı dağıtın azd up :

    azd up
    

    Komutun azd up tamamlanması birkaç dakika sürebilir. azd up kaynak grubunu, App Service Planını ve barındırma uygulamasını oluşturmak için projelerinizdeki Bicep dosyalarını kullanır. Ayrıca günlüğe kaydetmeyi etkinleştirme gibi belirli yapılandırmaları gerçekleştirir ve derlenmiş uygulama kodunuzu dağıtır. Komutu çalışırken, Azure'daki dağıtıma bir bağlantı da dahil olmak üzere sağlama ve dağıtım işlemiyle ilgili iletiler sağlar. Tamamlandığında, komut dağıtım uygulamasının bağlantısını da görüntüler.

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

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

    Dağıtılan .NET Framework 4.8 örnek uygulamasının ekran görüntüsü.

3. Uygulamayı güncelleştirme ve yeniden dağıtma

Değişiklikleri görmek için Index.cshtml dosyasında bir değişiklik yapacak ve yeniden dağıtacaksınız. .NET 8.0 şablonunda Sayfalar klasöründedir. .NET Framework 4.8 şablonunda , Görünümler/Giriş klasöründe bulunur. Web uygulamanızı güncelleştirmek ve yeniden dağıtmak için şu adımları izleyin:

  1. Çözüm Gezgini'de, projenizin 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>
    

    İpucu

    Visual Studio'da GitHub Copilot etkinleştirildiğinde aşağıdakileri deneyin:

    1. <div> öğesini seçin ve Alt+/ yazın.
    2. Copilot'a sorun: ".NET 💜 Azure yazan bir Bootstrap kartına geçin."

    Değişikliklerinizi kaydedin.

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

  4. Yayımlama ö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.

    Güncelleştirilmiş ASP.NET Core 8.0 web uygulamasının sayfada gösterildiğini görürsünüz.

    Visual Studio - Azure'da ASP.NET Core 8.0 web uygulamasının güncelleştirilmiş ekran görüntüsü.

  1. Pages/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>
    

    İpucu

    GitHub Copilot ile bunu deneyin:

    1. Öğenin tamamını <div> seçin ve öğesine tıklayın .
    2. Copilot'a sorun: ".NET 💜 Azure yazan bir Bootstrap kartına geçin."

    Değişikliklerinizi kaydedin.

  3. Visual Studio Code'da Komut Paleti olan Ctrl+Shift P'yi+ açın.

  4. "Azure Uygulaması Hizmeti: Web Uygulamasına Dağıt" ifadesini arayın ve seçin.

  5. Daha önce kullandığınız aboneliği ve web uygulamasını seçin.

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

  7. Yayımlama tamamlandığında bildirimde Web Sitesine Gözat'ı seçin.

    Güncelleştirilmiş ASP.NET Core 8.0 web uygulamasının sayfada gösterildiğini görürsünüz.

    Visual Studio Code - Azure'da Core 8.0 web uygulaması ASP.NET güncelleştirildi ekran görüntüsü.

İpucu

GitHub Copilot ile Visual Studio Code'un web geliştirme deneyiminizi geliştirmeye nasıl yardımcı olduğunu görmek için Bkz. Visual Studio Code adımları.

Yerel dizinde Pages/Index.cshtml dosyasını açın. İlk <div> öğeyi değiştirin:

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

Değişikliklerinizi kaydedin, ardından komutunu kullanarak uygulamayı yeniden dağıtın az webapp up ve veya windowsile linux değiştirin<os>.

az webapp up --os-type <os>

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özat adımında açılan tarayıcı penceresine dönün ve yenile'ye tıklayın.

Güncelleştirilmiş ASP.NET Core 8.0 web uygulamasının sayfada gösterildiğini görürsünüz.

CLI - Azure'da ASP.NET Core 8.0 web uygulamasının güncelleştirilmiş ekran görüntüsü.

  1. Yerel dizinde Pages/Index.cshtml dosyasını açın. İlk <div> öğeyi değiştirin:

    <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, komutunu kullanarak dotnet publish yerel MyFirstAzureWebApp uygulamanızı dağıtım için hazırlayın:

    dotnet publish --configuration Release
    
  3. Yayın dizinine geçin ve içindekilerden bir zip dosyası oluşturun:

    cd bin\Release\net8.0\publish
    Compress-Archive -Path * -DestinationPath deploy.zip
    
  4. Publish-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 yoluna ihtiyaç duyar.

  5. Dağıtım tamamlandıktan sonra Uygulamaya gözat adımında açılan tarayıcı penceresine dönün ve yenile'ye tıklayın.

    Güncelleştirilmiş ASP.NET Core 8.0 web uygulamasının sayfada gösterildiğini görürsünüz.

    CLI - Azure'da ASP.NET Core 8.0 web uygulamasının güncelleştirilmiş ekran görüntüsü.

  1. Örnek kodun GitHub çatalınıza göz atın.

  2. Depo sayfanızda, main üzerinde Kod>Oluştur kod alanı'yı seçerek bir kod alanı oluşturun.

    İpucu

    GitHub Copilot hesabınız varsa kod alanınızda GitHub Copilot özelliklerini almayı deneyin.

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

    Index.cshtml klasöründe bulunur Pages .

    Tarayıcıda Visual Studio Code'dan dotnetcore-docs-hello-world deposundaki Index.cshtml dosyasını vurgulayan Gezgin penceresinin ekran görüntüsü.

  4. İ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>
    

    Değişiklikler otomatik olarak kaydedilir.

    İpucu

    GitHub Copilot ile bunu deneyin:

    1. Öğenin tamamını <div> seçin ve öğesine tıklayın .
    2. Copilot'a sorun: ".NET 💜 Azure yazan bir Bootstrap kartına geçin."
  5. Kaynak Denetimi menüsünden gibi Modify homepagebir işleme iletisi girin. Ardından İşle'yi seçin ve Evet'i seçerek değişiklikleri hazırlamayı onaylayın.

    İpucu

    GitHub Copilot'un ileti kutusunu seçerek sizin için bir işleme iletisi oluşturmasına izin verin.

  6. Değişiklikleri eşitle 1'i seçin, ardından Tamam'ı seçerek onaylayın.

  7. Dağıtımın çalışması birkaç dakika sürer. İlerleme durumunu görüntülemek için adresine https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actionsgidin.

  8. Uygulamaya gözat adımı sırasında açılan tarayıcı penceresine dönün ve sayfayı yenileyin.

    Güncelleştirilmiş ASP.NET Core 8.0 web uygulamasının sayfada gösterildiğini görürsünüz.

    CLI - Azure'da ASP.NET Core 8.0 web uygulamasının güncelleştirilmiş ekran görüntüsü.

Yerel dizinde src/Pages/Index.cshtml dosyasını açın. İlk <div> öğeyi değiştirin:

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

Değişikliklerinizi kaydedin ve ardından komutunu kullanarak uygulamayı yeniden dağıtın azd up :

azd up

azd up Bu kez sağlama kaynakları adımını atlar ve Bicep dosyalarında değişiklik olmadığından kodunuzu yalnızca yeniden dağıtıyor.

Dağıtım tamamlandıktan sonra tarayıcı güncelleştirilmiş ASP.NET Core 8.0 web uygulamasına açılır.

CLI - Azure'da ASP.NET Core 8.0 web uygulamasının güncelleştirilmiş ekran görüntüsü.

4. Azure uygulamasını yönetme

Web uygulamanızı yönetmek için Azure portalına gidin ve Uygulama Hizmetleri'ni arayıp seçin.

Azure portalı - Uygulama Hizmetleri'ni seçin seçeneğinin ekran görüntüsü.

App Services sayfasında web uygulamanızın adını seçin.

Örnek bir web uygulamasının seçili olduğu Azure portalı - App Services sayfasının ekran görüntüsü.

Web uygulamanızın Genel Bakış sayfası göz atma, durdurma, başlatma, yeniden başlatma ve silme gibi temel yönetim seçeneklerini içerir. Sol menü, uygulamanızı yapılandırmak için başka sayfalar sağlar.

Azure portalı - App Service'e genel bakış sayfasının ekran görüntüsü.

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. Kaynak grubunu sil'i seçin, metin kutusuna myResourceGroup yazın ve sil'i seçin.
  4. Sil'i seçerek yeniden onaylayı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. Kaynak grubunu sil'i seçin, metin kutusuna myResourceGroup yazın ve sil'i seçin.
  4. Sil'i seçerek yeniden onaylayın.

Ö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

Size kolaylık sağlamak için, bu projede daha önce çalıştırdığınız komut, az webapp up bu projeden komutları her çalıştırdığınızda az kaynak grubu adını varsayılan değer olarak kaydeder.

Kaynakları temizleme

Önceki adımlarda, bir kaynak grubunda Azure kaynakları oluşturdunuz. Gelecekte bu kaynaklara ihtiyaç duymayı beklemiyorsanı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.

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. Kaynak grubunu sil'i seçin, metin kutusuna myResourceGroup yazın ve sil'i seçin.
  4. Sil'i seçerek yeniden onaylayın.

Kaynakları temizleme

azd down Kaynak grubunu ve onunla ilişkili tüm kaynakları kaldırmak için komutunu kullanın:

azd down

Şablonlar ve ek özelliklerle azd çalışmayla ilgili sonraki adımlar için Azure Geliştirici CLI belgelerini ziyaret edin.

Sonraki adımlar