Pendekatan alternatif ke portal yang dihost sendiri
BERLAKU UNTUK: Pengembang | Dasar | Dasar v2 | Standar | Standar v2 | Premium
Ada beberapa pendekatan alternatif yang dapat Anda jelajahi ketika Anda meng-host sendiri portal pengembang:
Gunakan build produksi desainer dan penerbit.
Gunakan Aplikasi Fungsi Azure untuk menerbitkan portal Anda.
Hadapan file portal Anda dengan Content Delivery Network (CDN) untuk mengurangi waktu pemuatan halaman.
Artikel ini menyediakan informasi tentang masing-masing pendekatan ini.
Jika Anda belum melakukannya, siapkan lingkungan lokal untuk rilis terbaru portal pengembang.
Build untuk produksi
Jika Anda ingin meng-host lingkungan pengembangan portal online untuk tujuan kolaborasi, gunakan build produksi desainer dan penerbit. Build produksi menggabungkan file, mengecualikan peta sumber, dll.
Buat bundel di direktori ./dist/designer dengan menjalankan perintah:
npm run build-designer
Hasilnya adalah aplikasi satu halaman, sehingga Anda masih dapat menyebarkannya ke host web statis, seperti Situs Web Statik Azure Blob Storage.
Demikian pula, tempatkan penerbit yang dikompilasi dan dioptimalkan dalam folder ./dist/publisher:
npm run build-publisher
Menggunakan Aplikasi Fungsi untuk menerbitkan portal
Jalankan langkah penerbitan di cloud sebagai alternatif untuk mengeksekusinya secara lokal.
Untuk menerapkan penerbitan dengan Aplikasi Azure Function, Anda memerlukan prasyarat berikut:
- Buat Azure Function. Fungsi ini perlu menjadi Fungsi bahasa JavaScript.
- Instal Azure Functions Core Tools:
npm install –g azure-function-core-tools
Langkah 1: Mengonfigurasi penyimpanan output
Mengunggah konten secara langsung ke situs web hosting (kontainer penyimpanan output "$web"), bukan folder lokal. Konfigurasikan perubahan ini dalam file ./src/config.publish.json:
{
...
"outputBlobStorageContainer": "$web",
"outputBlobStorageConnectionString": "DefaultEndpointsProtocol=...",
...
}
Langkah 2: Buat dan sebarkan Aplikasi Fungsi
Ada contoh Fungsi Pemicu HTTP di folder ./examples. Untuk membangunnya dan menempatkannya di ./dist/function, jalankan perintah berikut:
npm run build-function
Kemudian, masuk ke Azure CLI dan sebarkan:
az login
cd ./dist/function
func azure functionapp publish <function app name>
Setelah disebarkan, Anda dapat memanggilnya dengan panggilan HTTP:
curl -X POST https://<function app name>.azurewebsites.net/api/publish
Hosting dan CDN
Di hosting mandiri portal pengembang, kami menyarankan menggunakan akun penyimpanan Azure untuk meng-hosting situs web Anda. Namun, Anda dapat mempublikasikan file melalui solusi apa pun, termasuk layanan penyedia hosting.
Anda juga dapat menghadapkan file dengan Content Delivery Network (CDN) untuk mengurangi waktu pemuatan halaman. Sebaiknya gunakan CDN Azure.
Langkah berikutnya
Pelajari selengkapnya tentang portal pengembang: