Hosting situs web statis di Azure Storage

Anda dapat menyajikan konten statis (HTML, CSS, JavaScript, dan file gambar) langsung dari kontainer penyimpanan bernama $web. Hosting konten di Azure Storage memungkinkan Anda menggunakan arsitektur serverless yang menyertakan Azure Functions dan layanan Platform sebagai layanan (PaaS) lainnya. Hosting situs web statis Azure Storage adalah opsi yang bagus jika Anda tidak memerlukan server web untuk merender konten.

Situs web statis memiliki beberapa batasan. Misalnya, Jika Anda ingin mengonfigurasi header, Anda harus menggunakan Azure Content Delivery Network (Azure CDN). Tidak ada cara untuk mengonfigurasi header sebagai bagian dari fitur situs web statis. Selain itu, AuthN dan AuthZ tidak didukung.

Jika fitur ini penting untuk skenario Anda, pertimbangkan untuk menggunakan Azure Static Web Apps. Ini adalah alternatif yang bagus untuk situs web statis dan juga sesuai dalam kasus di mana Anda tidak memerlukan server web untuk membuat konten. Anda dapat mengkonfigurasi header dan AuthN / AuthZ didukung sepenuhnya. Azure Static Web Apps juga menyediakan integrasi berkelanjutan yang dikelola sepenuhnya dan alur kerja pengiriman berkelanjutan (CI / CD) dari sumber GitHub ke penyebaran global.

Jika Anda memerlukan server web untuk merender konten, Anda bisa menggunakan Azure App Service.

Menyiapkan situs web statis

Hosting situs web statis adalah fitur yang harus Anda aktifkan di akun penyimpanan.

Untuk mengaktifkan hosting situs web statis, pilih nama file default Anda, lalu sediakan jalur ke halaman 404 kustom. Jika kontainer penyimpanan blob bernama $web belum ada di akun, akan dibuat untuk Anda. Tambahkan file situs Anda ke kontainer ini.

Untuk panduan langkah demi langkah, lihat Hosting situs web statis di Azure Storage.

Azure Storage static websites metrics metric

File di kontainer $web peka huruf besar/kecil, dilayani melalui permintaan akses anonim dan hanya tersedia melalui operasi baca.

Mengunggah konten

Anda dapat menggunakan salah satu alat ini untuk mengunggah konten ke kontainer $web:

Menampilkan konten

Pengguna dapat melihat konten situs dari browser dengan menggunakan URL publik situs web. Anda dapat menemukan URL dengan menggunakan portal Azure, Azure CLI, atau PowerShell. Lihat Menemukan URL situs web.

Dokumen indeks yang Anda tentukan saat mengaktifkan hosting situs web statis, muncul saat pengguna membuka situs dan tidak menentukan file tertentu (Misalnya: https://contosoblobaccount.z22.web.core.windows.net).

Jika server mengembalikan kesalahan 404, dan Anda belum menentukan dokumen kesalahan saat mengaktifkan situs web, halaman default 404 dikembalikan ke pengguna.

Catatan

Dukungan Cross-Origin Resource Sharing (CORS) untuk Azure Storage tidak didukung dengan situs web statis.

Titik akhir sekunder

Jika Anda mengatur redundansi di wilayah sekunder, Anda juga dapat mengakses konten situs web dengan menggunakan titik akhir sekunder. Data direplikasi ke wilayah sekunder secara asinkron. Oleh karena itu, file yang tersedia di titik akhir sekunder tidak selalu sinkron dengan file yang tersedia di titik akhir utama.

Dampak pengaturan tingkat akses pada kontainer web

Anda dapat mengubah tingkat akses anonim kontainer $web , tetapi membuat modifikasi ini tidak berdampak pada titik akhir situs web statis utama karena file-file ini dilayani melalui permintaan akses anonim. Itu berarti akses publik (baca-saja) ke semua file.

Meskipun titik akhir situs web statis utama tidak terpengaruh, perubahan pada tingkat akses anonim berdampak pada titik akhir layanan blob utama.

Misalnya, jika Anda mengubah tingkat akses anonim kontainer $web dari Privat (tidak ada akses anonim) ke Blob (akses baca anonim hanya untuk blob), maka tingkat akses anonim ke titik https://contosoblobaccount.z22.web.core.windows.net/index.html akhir situs web statis utama tidak berubah.

Namun, akses anonim ke titik https://contosoblobaccount.blob.core.windows.net/$web/index.html akhir layanan blob utama berubah, memungkinkan pengguna untuk membuka file tersebut dengan menggunakan salah satu dari dua titik akhir ini.

Menonaktifkan akses anonim pada akun penyimpanan dengan menggunakan pengaturan akses anonim dari akun penyimpanan tidak memengaruhi situs web statis yang dihosting di akun penyimpanan tersebut. Untuk informasi selengkapnya, lihat Memulihkan akses baca anonim ke data blob (penyebaran Azure Resource Manager).

Memetakan domain kustom ke URL situs web statis

Anda dapat membuat situs web statis Anda tersedia melalui domain kustom.

Lebih mudah mengaktifkan akses HTTP untuk domain kustom Anda, karena Azure Storage secara asli mendukungnya. Untuk mengaktifkan HTTPS, Anda harus menggunakan Azure CDN karena Azure Storage belum mendukung HTTPS secara asli dengan domain kustom. lihat Memetakan domain kustom ke titik akhir Azure Blob Storage untuk panduan langkah demi langkah.

Jika akun penyimpanan dikonfigurasi agar perlu transfer aman melalui HTTPS, maka pengguna harus menggunakan titik akhir HTTPS.

Tip

Pertimbangkan untuk hosting domain Anda di Azure. Untuk informasi selengkapnya, lihat Tutorial: Hosting domain Anda di Azure DNS.

Menambahkan header HTTP

Tidak ada cara untuk mengonfigurasi header sebagai bagian dari fitur situs web statis. Namun, Anda bisa menggunakan Azure CDN untuk menambahkan header dan menambah (atau menimpa) nilai header. Lihat Referensi mesin aturan standar untuk Azure CDN.

Jika Anda ingin menggunakan header untuk mengontrol caching, lihat Mengontrol perilaku caching Azure CDN dengan aturan caching.

Hosting situs web multi-wilayah

Jika Anda berencana hosting situs web di beberapa wilayah, kami sarankan agar menggunakan Jaringan Pengiriman Konten untuk caching regional. Gunakan Azure Front Door jika Anda ingin menyajikan konten yang berbeda di setiap wilayah. Ini juga menyediakan kemampuan failover. Azure Traffic Manager tidak disarankan jika Anda berencana menggunakan domain kustom. Masalah bisa muncul akibat cara Azure Storage memverifikasi nama domain kustom.

Izin

Izin untuk dapat mengaktifkan situs web statik adalah Microsoft.Storage/storageAccounts/blobServices/write atau kunci bersama. Peran bawaan yang menyediakan akses ini termasuk Kontributor Akun Penyimpanan.

Harga

Anda dapat mengaktifkan hosting situs web statis secara gratis. Anda ditagih hanya untuk penyimpanan blob yang digunakan situs Anda dan biaya operasi. Untuk detail lebih lanjut tentang harga Azure Blob Storage, lihat Halaman Harga Azure Blob Storage.

Metrik

Anda dapat mengaktifkan metrik di halaman situs web statis. Setelah Anda mengaktifkan metrik, statistik lalu lintas pada file di kontainer $web dilaporkan di dasbor metrik.

Untuk mengaktifkan metrik di halaman situs web statis Anda, lihat Mengaktifkan metrik di halaman situs web statis.

Dukungan fitur

Dukungan untuk fitur ini mungkin terpengaruh dengan mengaktifkan Data Lake Storage Gen2, protokol Network File System (NFS) 3.0, atau SSH File Transfer Protocol (SFTP). Jika Anda telah mengaktifkan salah satu kemampuan ini, lihat Dukungan fitur Blob Storage di akun Azure Storage untuk menilai dukungan untuk fitur ini.

Pertanyaan yang sering diajukan (FAQ)

Apakah firewall Azure Storage bekerja dengan situs web statik?

Ya. Aturan keamanan jaringan akun penyimpanan, termasuk firewall berbasis IP dan VNET, didukung untuk titik akhir situs web statik, dan dapat digunakan untuk melindungi situs web Anda.

Apakah situs web statis mendukung Microsoft Entra ID?

Nomor. Situs web statis hanya mendukung akses baca anonim untuk file di kontainer $web .

Bagaimana cara menggunakan domain kustom dengan situs web statik?

Anda dapat mengonfigurasi domain kustom dengan situs web statik dengan menggunakan Azure Content Delivery Network (Azure CDN). Azure CDN menyediakan latensi rendah yang konsisten ke situs web Anda dari mana saja di dunia.

Bagaimana cara menggunakan sertifikat Secure Sockets Layer (SSL) kustom dengan situs web statis?

Anda dapat mengonfigurasi sertifikat SSL kustom dengan situs web statis menggunakan Microsoft Azure Content Delivery Network. Azure CDN menyediakan latensi rendah yang konsisten ke situs web Anda dari mana saja di dunia.

Bagaimana cara menambahkan header dan aturan kustom dengan situs web statis?

Anda dapat mengonfigurasi tajuk host untuk situs web statik dengan menggunakan Azure CDN - Verizon Premium. Kami ingin mendengar umpan balik Anda di sini.

Mengapa saya mendapatkan galat HTTP 404 dari situs web statis?

Kesalahan 404 dapat terjadi jika Anda merujuk ke nama file dengan menggunakan kasus yang salah. Misalnya: Index.html dan bukan index.html. Nama file dan ekstensi di url situs web statik peka huruf besar/kecil meskipun disajikan melalui HTTP. Ini juga dapat terjadi jika titik akhir Azure CDN Anda belum disediakan. Tunggu hingga 90 menit setelah Anda memprovisikan CDN Azure baru agar propagasi selesai.

Mengapa direktori akar situs web tidak dialihkan ke halaman indeks default?

Di portal Microsoft Azure, buka halaman konfigurasi situs web statis akun Anda dan temukan nama dan ekstensi yang diatur di bidang Nama dokumen indeks. Pastikan nama ini sama persis dengan nama file yang ada di kontainer $web akun penyimpanan. Nama file dan ekstensi di url situs web statik peka huruf besar/kecil meskipun disajikan melalui HTTP.

Langkah berikutnya