Pendekatan alternatif ke portal yang dihost sendiri

Artikel
04/04/2024

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:

Gambaran Umum portal pengembang Manajemen Azure API

Bagikan melalui