Bagikan melalui

Menghosting dan menyebarkan ASP.NET Core mandiri Blazor WebAssembly dengan Azure Static Web Apps

Nota

Ini bukan versi terbaru dari artikel ini. Untuk rilis saat ini, lihat versi .NET 10 dari artikel ini.

Peringatan

Versi ASP.NET Core ini tidak lagi didukung. Untuk informasi lebih lanjut, lihat Kebijakan Dukungan .NET dan .NET Core . Untuk rilis saat ini, lihat versi .NET 9 dari artikel ini.

Artikel ini menjelaskan cara menghosting dan menyebarkan mandiri Blazor WebAssembly dengan Microsoft Azure Static Web Apps.

Konfigurasi aplikasi

Untuk memastikan bahwa permintaan untuk setiap jalur apapun mengembalikan index.html, atur rute penggantian navigasi.

Buat file bernama staticwebapp.config.json di folder akar proyek dengan konten berikut:

{
  "navigationFallback": {
    "rewrite": "/index.html"
  }
}

Sebarkan dari Visual Studio

Untuk menyebarkan dari Visual Studio, buat profil penerbitan untuk Azure Static Web Apps:

  1. Simpan pekerjaan yang belum disimpan pada proyek, karena memulai ulang Visual Studio mungkin diperlukan selama proses.

  2. Di UI Terbitkan Visual Studio, pilih Target>Azure>Target Spesifik>Azure Static Web Apps untuk membuat profil penerbitan.

  3. Jika komponen Alat Azure WebJobs untuk Visual Studio tidak diinstal, perintah akan muncul untuk menginstal komponen ASP.NET dan pengembangan web. Ikuti perintah untuk menginstal alat menggunakan Alat Penginstal Visual Studio. Visual Studio menutup dan membuka kembali secara otomatis saat menginstal alat. Setelah alat diinstal, mulai kembali pada langkah pertama untuk membuat profil penerbitan.

  4. Dalam konfigurasi profil publikasi, berikan nama Langganan. Pilih instans yang sudah ada, atau pilih Buat instans baru. Saat membuat instans baru di UI Buat Aplikasi Web Statis portal Azure, atur detail penyebaran>Sumber ke Lainnya. Tunggu hingga penyebaran selesai di portal Azure sebelum melanjutkan.

  5. Dalam konfigurasi profil penerbitan, pilih instans Azure Static Web Apps dari grup sumber daya instans. Pilih Selesai untuk membuat profil penerbitan. Jika Visual Studio meminta untuk menginstal CLI Static Web Apps (SWA), instal CLI dengan mengikuti perintah. SWA CLI memerlukan npm/Node.js (dokumentasi Visual Studio).

Setelah profil publikasi dibuat, sebarkan aplikasi ke instans Azure Static Web Apps menggunakan profil terbitkan dengan memilih tombol Terbitkan .

Skenario penyebaran GitHub

  • Last updated on