Hızlı başlangıç: ASP.NET Web uygulaması dağıtma

Bu hızlı başlangıçta, Azure App Serviceiçin ilk ASP.NET Web uygulamanızı nasıl oluşturacağınızı ve dağıtacağınızı öğreneceksiniz. App Service .NET uygulamalarının çeşitli sürümlerini destekler ve yüksek düzeyde ölçeklenebilir, kendini yayama bir Web barındırma hizmeti sağlar. ASP.NET Web Apps, platformlar arası ve Linux veya Windows üzerinde barındırılabilir. İşiniz bittiğinde, bir App Service barındırma planından ve dağıtılan bir Web uygulamasına sahip bir App Service içeren bir Azure Kaynak grubunuz olacaktır.

Önkoşullar

  • Etkin aboneliği olan bir Azure hesabı. Ücretsiz hesap oluşturun.

  • ASP.net ve Web geliştirme iş yüküyle Visual Studio 2019 .

    Visual Studio 2019 ' ü zaten yüklediyseniz:

    • Güncelleştirmeler için yardım denetimi' ni seçerek en son güncelleştirmeleri Visual Studio 'ya yükler.

    • Araçlar > Al araçlar ve Özellikler ' i seçerek iş yükünü ekleyin.

En son .NET Core 3,1 SDK 'sını yükler.

En son .NET Core 3,1 SDK 'sını yükler.

ASP.NET web uygulaması oluşturma

İpucu

.NET Core 3,1, .NET 'in geçerli uzun süreli destek (LTS) sürümüdür. Daha fazla bilgi için bkz. .net destek ilkesi.

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

  2. Yeni proje oluştur' da, ASP.NET Core Web uygulaması' nı bulun ve seçin ve ardından İleri' yi seçin.

  3. Yeni projenizi yapılandırın bölümünde, uygulamayı Myfirstazurewebapp olarak adlandırın ve ardından İleri' yi seçin.

    ASP.NET Core 3,1 Web uygulamasını yapılandırma

  4. .NET Core 3,1 (uzun süreli destek) seçeneğini belirleyin.

  5. Kimlik doğrulama türünün none olarak ayarlandığından emin olun. Oluştur’u seçin.

    Visual Studio-kimlik doğrulama türü için .NET Core 3,1 ve hiçbiri ' ni seçin.

  6. Web uygulamasını yerel olarak çalıştırmak için Visual Studio menüsünden hata ayıklama olmadan Başlat ' ı seçin.

Visual Studio-.NET Core 3,1 yerel olarak gezinme

Myfirstazurewebapp adlı yeni bir klasör oluşturun ve Visual Studio Code açın. Terminal penceresini açın ve komutunu kullanarak yeni bir .NET Web uygulaması oluşturun dotnet new webapp .

dotnet new webapp -f netcoreapp3.1

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

dotnet run

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

Şablon ASP.NET Core 3,1 Web uygulamasının sayfada görüntülendiğini görürsünüz.

Visual Studio Code .NET Core 3,1 ' i tarayıcıda yerel olarak çalıştırın.

Makinenizde çalışan bir dizine bir Terminal penceresi açın. Komutunu kullanarak yeni bir .NET Web uygulaması oluşturun dotnet new webapp ve ardından dizinleri yeni oluşturulan uygulamayla değiştirin.

dotnet new webapp -n MyFirstAzureWebApp -f netcoreapp3.1 && cd MyFirstAzureWebApp

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

dotnet run

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

Şablonun sayfada ASP.NET Core 3.1 web uygulaması olduğunu görebilirsiniz.

Visual Studio Code - ASP.NET tarayıcıda Core 3.1'i kullanın.

Web uygulamanızı yayımlama

Web uygulamanızı yayımlamak için, önce yeni bir uygulama oluşturmalı App Service yayımlayabilirsiniz.

Aşağıdaki ayarların App Service olarak şunları oluşturabilirsiniz:

  • Hizmetin tüm Azure kaynaklarını içeren yeni bir kaynak grubu.
  • Uygulamanızı barındıran web sunucusu grubu konumunu, boyutunu ve özelliklerini belirten yeni bir Barındırma Planı.

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

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

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

    Visual Studio - Web uygulamasını yayımlama ve Azure'a hedefleme.

  3. Seçenekleriniz, Azure'da zaten oturum mu olduğunu ve bir Azure hesabına bağlı bir Visual Studio hesabı olup olmadığınıza bağlıdır. Azure aboneliğinde oturum açma için Hesap ekle veya Oturum açın'ı seçin. Zaten oturum açın, istediğiniz hesabı seçin.

    Visual Studio - Azure'da oturum aç iletişim kutusunu seçin.

  4. Azure App Service (Linux) veya Azure App Service (Windows) olarak Belirli hedef 'i seçin.

    Önemli

    ASP.NET Framework 4.8'i hedeflerken , Azure App Service (Windows) kullanır.

  5. Örneklerin sağ App Service + seçin.

    Visual Studio - Yeni App Service iletişim kutusu.

  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.

    Yeni Barındırma Planı oluşturma

  10. Ad alanına yalnızca geçerli karakterleri içeren benzersiz bir uygulama adı girin: a-z , , ve A-Z 0-9 - . Otomatik olarak oluşturulan benzersiz adı kabul edersiniz. 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'a seçin.

    Visual Studio - Uygulama kaynakları oluştur iletişim kutusu.

    Sihirbaz tamamlandıktan sonra Azure kaynakları sizin için oluşturulur ve yayımlamaya hazır olur.

  12. Sihirbazı kapatmak için Son'a tıklayın.

  13. Yayımla sayfasında Yayımla'yı seçin. Visual Studio, paketler ve Azure'da yayımlar ve ardından uygulamayı varsayılan tarayıcıda başlatıyor.

    ASP.NET Core 3.1 web uygulamasını sayfada görebilirsiniz.

    Visual Studio - ASP.NET Core 3.1 web uygulaması.

Azure Araçları uzantısını kullanarak web Visual Studio dağıtmak için:

  1. Komut Visual Studio Code, Ctrl Shift P komut + paletini + açın.

  2. "Azure App Service: Web Uygulamasına Dağıt" ifadesini arayın ve seçin.

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

    • Dağıtacak klasör olarak MyFirstAzureWebApp öğesini seçin.
    • İstendiğinde Yapılandırma Ekle'yi seçin.
    • İstendiğinde mevcut Azure hesabınızla oturum açın.

    Visual Studio Code - Azure'da oturum açma.

    • Aboneliğinizi seçin.
    • Yeni Web Uygulaması oluştur... öğesini seçin Gelişmiş .
    • Genel olarak benzersiz bir ad girin için Tüm Azure'da benzersiz olan bir ad kullanın (geçerli karakterler , ve a-z 0-9 karakterleridir). - İyi bir desen, şirket adınızla uygulama tanımlayıcısının bir birleşimini kullanmaktır.
    • Yeni kaynak grubu oluştur'a seçin ve gibi bir ad myResourceGroup girin.
    • Çalışma zamanı yığını seçme istendiğinde:
      • .NET Core 3.1 için .NET Core 3.1 (LTS) öğesini seçin
      • .NET 5.0 için .NET 5'i seçin
      • 4.NET Framework 4.8 için V4.8 ASP.NET seçin
    • Bir işletim sistemi seçin (Windows veya Linux).
      • 4.8.NET Framework için Windows örtülü olarak seçilir.
    • Plan için yeni App Service'ı seçin, bir ad girin ve F1 Ücretsiz fiyatlandırma katmanını seçin.
    • Kaynak için şimdilik atla'Application Insights seçin.
    • Size yakın bir konum seçin.
  4. Yayımlama tamamlandığında, bildirimde Web Sitesine Gözat'ı seçin ve istendiğinde Aç'ı seçin.

    ASP.NET Core 3.1 web uygulamasını sayfada görebilirsiniz.

    Visual Studio Code - ASP.NET Core 3.1 web uygulaması.

Komutunu kullanarak yerel MyFirstAzureWebApp dizininize kodu az webapp up dağıtın:

az webapp up --sku F1 --name <app-name> --os-type <os>
  • Komut az tanınmıyorsa, Önkoşullar'da açıklandığı gibi Azure CLI'nin yüklü olduğundan emin olun.
  • yerine <app-name> Tüm Azure'da benzersiz olan bir ad yazın (geçerli karakterler , ve a-z 0-9 karakterleridir). - İyi bir desen, şirket adınızla uygulama tanımlayıcısının bir birleşimini kullanmaktır.
  • bağımsız --sku F1 değişkeni, ücretsiz fiyatlandı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 atlar.
  • veya <os> ile linux windows değiştirin. windows ASP.NET Framework 4.8'i hedeflerken kullan gerekir.
  • İsteğe bağlı olarak, kullanılabilir bir --location <location-name> Azure bölgesi olan bağımsız <location-name> değişkenlerini dahil edin. komutunu çalıştırarak Azure hesabınız için izin verilebilir bölgelerin listesini az account list-locations edinebilirsiniz.

Komutun tamamlanması birkaç dakika sürebilir. Çalışı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. Ardından uygulamanın URL'sini kullanarak bir ileti görüntüler:

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

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

ASP.NET Core 3.1 web uygulamasını sayfada görebilirsiniz.

CLI - ASP.NET Core 3.1 web uygulaması.

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

Web uygulamanızı güncelleştirmek ve yeniden yapmak için şu adımları izleyin:

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

  2. İlk öğeyi <div> 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 yayımlamak için, Çözüm Gezgini'de 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 3.1 web uygulamasını sayfada görebilirsiniz.

    Visual Studio - Azure'ASP.NET Core 3.1 web uygulaması güncelleştirildi.

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

  2. İlk öğeyi <div> 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. Kenar Visual Studio Code açın, Azure simgesini seçerek seçeneklerini genişletin.

  4. APP SERVICE düğümü altında aboneliğinizi genişletin ve MyFirstAzureWebApp'e sağ tıklayın.

  5. Web Uygulamasına Dağıt... öğesini seçin.

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

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

    Güncelleştirilmiş ASP.NET Core 3.1 web uygulamasını sayfada görebilirsiniz.

    Visual Studio Code - Azure'ASP.NET Core 3.1 web uygulaması güncelleştirildi.

Yerel dizinde Index.cshtml dosyasını açın. İlk öğeyi <div> 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 az webapp up yazın:

ASP.NET Core 3.1 platformlar arasıdır ve önceki dağıtımda veya <os> ile linux windows değiştirin.

az webapp up --os-type <os>

Bu komut uygulama adı, kaynak grubu ve uygulama planı dahil olmak üzere .azure/config dosyasında yerel olarak önbelleğe App Service 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.

Güncelleştirilmiş ASP.NET Core 3.1 web uygulamasını sayfada görebilirsiniz.

CLI - Azure'ASP.NET Core 3.1 web uygulaması güncelleştirildi.

Azure uygulamasını yönetme

Web uygulamanızı yönetmek için uygulamanın üst Azure portalgidin ve Uygulama Hizmetleri'ne gidin ve öğesini seçin.

Azure portal - Uygulama Hizmetleri seçeneğini belirleyin.

Uygulama Hizmetleri sayfasında web uygulamanın adını seçin.

Azure portal - Örnek bir web uygulamasının seçili olduğu App Services sayfası.

Web uygulamanıza ilişkin 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 genel bakış sayfası.

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.

Sonraki adımlar

Bu hızlı başlangıçta, bir web uygulaması ASP.NET ve dağıtarak Azure App Service.

Bir .NET Core uygulaması oluşturma ve bir SQL Veritabanına bağlama hakkında bilgi edinmek için sonraki makaleye ilerleyin: