Aracılığıyla paylaş


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

Not

1 Haziran 2024'den itibaren, yeni oluşturulan App Service uygulamaları adlandırma kuralını <app-name>-<random-hash>.<region>.azurewebsites.netkullanan benzersiz bir varsayılan ana bilgisayar adı oluşturabilir. Mevcut uygulama adları değişmeden kalır. Örneğin:

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 çeşitli .NET uygulamalarını destekler. 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ı içeren bir Azure kaynak grubunuz ve dağıtılan web uygulamasına sahip bir App Service'iniz 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.

Not

MSBuild veya SCM_DO_BUILD kullanarak Windows App Service ile .NET 9 (STS) uygulamaları derleme henüz desteklenmiyor. Bu derleme senaryoları için destek, ilk genel kullanılabilirlik tarihinden sonra ve 4 Aralık 2024'e kadar planlanır. Visual Studio, Visual Studio Code, GitHub Actions ve Azure DevOps aracılığıyla App Service dışında derleyen dağıtımlar tam olarak desteklenir.

Ö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.

ASP.NET web uygulaması oluşturma

ASP.NET web uygulaması şablonunu başlatma

  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 bulup 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. dotnet new webapp komutunu kullanarak yeni bir .NET web uygulaması oluşturun ve ardından dizinleri yeni oluşturulan uygulamada değiştirin.

    dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
    cd MyFirstAzureWebApp
    
  2. Aynı terminal oturumundan dotnet run komutunu kullanarak 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. Daha fazla bilgi için bkz. Azure Geliştirici CLI'sini yükleme ve Azure Geliştirici CLI ile uygulama derleme ve dağıtma.

ASP.NET Core web uygulaması şablonunu almak ve başlatmak için aşağıdaki adımları kullanın:

  1. Bilgisayarınızda boş bir çalışma dizini için bir terminal penceresi açın. Şu komutu çalıştırı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ü.

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. İ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 benzersiz bir uygulama adı girin. Yalnızca , , A-Z0-9ve -karakterlerini a-zekleyin. 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ü.

    İşlem tamamlandığında Azure kaynakları sizin için oluşturulur. ASP.NET Core projenizi yayımlamaya hazırsınız.

  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ş)'i arayı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. Yeni web uygulaması için genel olarak benzersiz bir ad girin alanında tüm Azure'da benzersiz bir ad kullanın. Geçerli karakterler: a-z, 0-9 ve -. İ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 sağlayın ve Ücretsiz (F1)fiyatlandırma katmanını seçin.
    10. Application Insights kaynağı için, 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" <iletişim kutusunda 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. az login komutunu kullanarak ve istemi izleyerek Azure hesabınızda oturum açın:

    az login
    
    • Komut tanınmıyorsaaz, Önkoşullar'da açıklandığı gibi Azure CLI'nin yüklü olduğundan emin olun.
  2. Kodu yerel MyFirstAzureWebApp dizininize dağıtmak için az webapp up komutunu kullanın:

    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-9 ve -. İ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. Azure hesabınız için izin verilebilen bölgelerin listesini almak için az account list-locations komutunu çalıştırın.

    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'i öneririz. Linux'ta uygulama oluşturmak için Azure CLI gibi farklı bir araç kullanın.

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

    Connect-AzAccount
    
  2. 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-z0-9ve şirket adınız ile - 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. Azure hesabınız için izin verilebilen bölgelerin listesini almak için Get-AzLocation komutunu çalıştırın.

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

  3. Uygulama kök klasöründen dotnet publish komutunu çalıştırarak yerel MyFirstAzureWebApp uygulamanızı dağıtıma hazırlayın:

    dotnet publish --configuration Release
    
  4. 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
    
  5. 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.

  6. 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 girin.
    • Ad'ın altında, web uygulamanız için genel olarak benzersiz bir ad girin.
    • 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'u 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ü.

  7. Sayfanın alt kısmındaki Gözden geçir ve oluştur'u seçin.

  8. Doğrulama çalıştırıldıktan sonra sayfanın alt kısmındaki Oluştur'u 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. Komut çalışırken, Azure'daki dağıtıma bir bağlantı da dahil olmak üzere sağlama ve dağıtım işlemi hakkında 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ü.

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

Değişiklikleri görmek için Index.cshtml dosyasında değişiklik yapın ve yeniden dağıtın. .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'da, projenizin altında Sayfalar>Index.cshtml dosyasına çift tıklayarak 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ğıdaki adımları 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 bu yaklaşımı deneyin:

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

    Değişikliklerinizi kaydedin.

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

  4. Azure Uygulaması Hizmeti: Web Uygulamasına Dağıt'ı 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 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ü.

  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 dotnet publish komutunu kullanarak 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 -Force
    
  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 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ü.

  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.

    Çatallanmış dotnetcore-docs-hello-world GitHub deposunda kod alanı oluşturmayı gösteren ekran görüntüsü.

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

    Index.cshtml, Sayfalar klasöründe bulunur.

    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 bu yaklaşımı deneyin:

    1. Öğenin tamamını <div> seçin ve öğesini seçin .
    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.

    Tarayıcıda Visual Studio Code'un ekran görüntüsü, Kaynak Denetim masası ve 'Azure'ı seviyoruz' işleme iletisi ve İşleme ve Gönderme düğmesi vurgulanmış.

  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ü.

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 olması için, bu projede daha önce çalıştırdığınız az webapp up komutu, 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ışması bir dakika kadar 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 diğer özelliklerle azd çalışmayla ilgili sonraki adımlar için Azure Geliştirici CLI belgelerini ziyaret edin.

Sonraki adımlar