Ortak Azure web uygulamasını oluşturma ve dağıtma

Ortak Azure web uygulamasını oluşturmak ve dağıtmak için arka uç ve ön uç web uygulamalarını oluşturup dağıtmanız gerekir. Bu öğreticide, ortak arka uç ve ön uç web uygulamalarını oluşturma ve dağıtma yönergeleri sağlanır.

Arka uç ve ön uç web uygulamalarınızı dağıtmadan önce iş yükü bulutu kurulum öğreticisini gözden geçirin.

Ortak arka uç web uygulamasını oluşturma ve dağıtma

1. Azure portalında bir web uygulaması kaynağı oluşturun.

2. İlgili bilgileri girin veya seçin:

   • Yayımla için Kod'a tıklayın.
   • Çalışma zamanı yığını için .NET 7 (STS) ve Windows'ı seçin.

Genel yönergeler için bkz. Azure Uygulaması Hizmetini kullanmaya başlama.

Etki alanınızı arka uç web uygulamasına eşleme

1. Ayarlar>gidin.

2. Özel etki alanı ekle'yi seçin ve yönergeleri izleyin.

   Daha fazla bilgi için bkz . Azure'da özel etki alanı eşlemesi.

3. Visual Studio'da arka uç ortak çözümünüzü açın.

4. Ortak projeye sağ tıklayın ve Yayımla'yı seçin.

5. Hedef için Azure'ı seçin.

6. Oluşturduğunuz Azure web uygulamasına erişimi olan bir kullanıcıyla oturum açın.

7. kullanıcı arabirimini kullanarak ilgili aboneliği ve kaynak grubunu bulun ve yayımlama yönergelerini izleyin.

CORS'i güncelleştirme

1. Azure portalında web uygulamanızın genel bakış bölmesinde API>gidin.
2. İzin Verilen Çıkış Noktaları'nın altında ön uç web uygulaması URL'nizi ekleyin.

Ortak ön uç web uygulamasını oluşturma ve dağıtma

1. Azure portalında bir web uygulaması kaynağı oluşturun.

2. İlgili bilgileri girin veya seçin:

   • Yayımla için Kod'a tıklayın.
   • Çalışma zamanı yığını için Node 18 LTS ve Windows'ı seçin.

Genel yönergeler için bkz. Azure Uygulaması Hizmeti'nde Node.js için hızlı başlangıç.

Etki alanınızı ön uç web uygulamasına eşleme

1. Ayarlar>gidin.
2. Özel etki alanı ekle'yi seçin ve yönergeleri izleyin.

Daha fazla bilgi için bkz . Azure'da özel etki alanı eşlemesi.

Ön uç ortak web uygulamanızı yayımlama

1. komutunu çalıştırarak npm run build:testön uç ortak yapınızı oluşturun.
2. Microsoft-Fabric-developer-sample\Frontend\tools\dist klasörüne gidin.
3. altında disttüm dosyaları ve varlık klasörünü seçin ve seçili dosyaların .zip bir dosyası oluşturun.
4. PowerShell’i açın.
5. PowerShell'de komutunu çalıştırın Connect-AzAccount ve oluşturduğunuz Azure web uygulamasına erişimi olan bir kullanıcıyla oturum açın.
6. Set-AzContext -Subscription "<subscription_id>" öğesini çalıştırın.
7. Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path> öğesini çalıştırın.