Membuat dan menyebarkan aplikasi web Azure boilerplate

Untuk membuat dan menyebarkan aplikasi web Azure boilerplate, Anda perlu membuat dan menyebarkan aplikasi web backend dan frontend. Tutorial ini menyediakan instruksi untuk membuat dan menyebarkan aplikasi web backend dan frontend boilerplate.

Pastikan Anda meninjau tutorial penyiapan cloud beban kerja sebelum menyebarkan aplikasi web backend dan frontend Anda.

Membuat dan menyebarkan aplikasi web backend boilerplate

1. Di portal Azure, buat sumber daya aplikasi web.

2. Masukkan atau pilih informasi yang relevan:

   • Untuk Terbitkan, pilih Kode.
   • Untuk Tumpukan Runtime, pilih .NET 7 (STS) dan Windows.

Untuk instruksi umum, lihat Mulai menggunakan Azure App Service.

Memetakan domain Anda ke aplikasi web backend

1. Buka Pengaturan>Domain kustom.

2. Pilih Tambahkan domain kustom, lalu ikuti instruksinya.

   Untuk informasi selengkapnya, lihat Pemetaan domain kustom di Azure.

3. Di Visual Studio, buka solusi boilerplate backend Anda.

4. Klik kanan proyek boilerplate dan pilih Terbitkan.

5. Untuk target, pilih Azure.

6. Masuk dengan pengguna yang memiliki akses ke aplikasi web Azure yang Anda buat.

7. Gunakan UI untuk menemukan langganan dan grup sumber daya yang relevan, lalu ikuti instruksi untuk menerbitkan.

Memperbarui CORS

1. Pada panel gambaran umum aplikasi web Anda di portal Azure, buka API>CORS.
2. Di bawah Asal yang Diizinkan, tambahkan URL aplikasi web frontend Anda.

Membuat dan menyebarkan aplikasi web frontend boilerplate

1. Di portal Azure, buat sumber daya aplikasi web.

2. Masukkan atau pilih informasi yang relevan:

   • Untuk Terbitkan, pilih Kode.
   • Untuk Tumpukan Runtime, pilih Node 18 LTS dan Windows.

Untuk instruksi umum, lihat Mulai Cepat untuk Node.js di Azure App Service.

Memetakan domain Anda ke aplikasi web frontend

1. Buka Pengaturan>Domain kustom.
2. Pilih Tambahkan domain kustom, lalu ikuti instruksinya.

Untuk informasi selengkapnya, lihat Pemetaan domain kustom di Azure.

Menerbitkan aplikasi web boilerplate frontend Anda

1. Bangun boilerplate frontend Anda dengan menjalankan npm run build:test.
2. Buka folder Microsoft-Fabric-developer-sample\Frontend\tools\dist.
3. Pilih semua file dan folder aset di bawah dist, dan buat file .zip file yang dipilih.
4. Buka PowerShell.
5. Di PowerShell, jalankan Connect-AzAccount dan masuk dengan pengguna yang memiliki akses ke aplikasi web Azure yang Anda buat.
6. Jalankan Set-AzContext -Subscription "<subscription_id>".
7. Jalankan Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>.