Gambaran umum penyebaran aplikasi JavaScript ke Azure

2025-01-07

Untuk menyebarkan aplikasi berbasis JavaScript ke Azure, Anda memindahkan file atau sekumpulan file ke Azure untuk dilayani melalui titik akhir HTTP. Proses pemindahan file disebut penyebaran.

Prasyarat

Langganan Azure - buat langganan secara gratis.
Node.js LTS.
Akun GitHub jika Anda berencana untuk menyebarkan dari repositori GitHub.

Metode penyebaran

Azure menawarkan berbagai metode penyebaran agar sesuai dengan kebutuhan yang berbeda. Berikut adalah beberapa metode umum:

Metode	Rincian
CLI Pengembang Azure	Ideal untuk pengembang yang lebih memilih alat baris perintah dan perlu mengotomatiskan provisi dan penyebaran sumber daya.
Ekstensi Visual Studio Code	Cocok untuk penyebaran manual, pengujian, atau penyebaran yang tidak sering. Memerlukan ekstensi Azure yang relevan yang diinstal secara lokal.
Azure CLI	Berguna untuk penyebaran manual atau sesekali. Memerlukan Azure CLI yang diinstal secara lokal.
Tindakan GitHub	Terbaik untuk penyebaran otomatis atau berkelanjutan yang dipicu oleh perubahan di repositori GitHub Anda.

Metode penyebaran lain ada, berdasarkan layanan tertentu. Misalnya, layanan aplikasi Azure mendukung berbagai metode penyebaran:

Anda dapat menyebarkan ulang ke layanan Aplikasi menggunakan salah satu metode yang disediakan meskipun Anda tidak menggunakan metode tersebut untuk menyebarkan awalnya. Anda mungkin memiliki beberapa konfigurasi sebelum menyebarkan ulang jika Anda beralih metode.

Langkah-langkah membangun

Bergantung pada kompleksitas aplikasi dan kebutuhan penyebaran, Anda dapat memilih untuk membangun aplikasi JavaScript anda baik sebelum atau selama penyebaran:

Build sebelum penyebaran: Untuk build yang kompleks atau panjang, kemas aplikasi Anda ke dalam file zip dan sebarkan. Paket penyebaran memungkinkan Anda mengontrol dan menguji build sebelum penyebaran.
Build selama penyebaran: Untuk build yang lebih sederhana, gunakan variabel lingkungan yang disediakan Azure SCM_DO_BUILD_DURING_DEPLOYMENT=true untuk melakukan build pada aplikasi Anda selama penyebaran.

Slot penggunaan

Slot penyebaran di Azure App Service memungkinkan Anda membuat lingkungan terpisah untuk penahapan dan produksi. Penggunaan slot memungkinkan Anda menguji aplikasi di lingkungan penahapan sebelum menukarnya dengan slot produksi, memastikan penyebaran yang lancar dan bebas kesalahan. Pelajari lebih lanjut tentang slot penyebaran.

Jangan gunakan slot penyebaran untuk mencampur tujuan penyebaran. Semua slot penyebaran berbagi layanan aplikasi sehingga Anda perlu memastikan pola lalu lintas dan penggunaan semua slot yang dimaksudkan sama. Jika Anda memerlukan lingkungan uji atau tahap yang dihosting, itu seharusnya menjadi layanan aplikasi yang terpisah.

Menyebarkan dengan Azure Developer CLI

Azure Developer CLI (azd) menyederhanakan proses penyebaran aplikasi Anda ke Azure. Ikuti langkah-langkah berikut:

Instal Azure Developer CLI.
Temukan proyek yang ada yang menggunakan banyak sumber daya yang sama dengan yang digunakan proyek Anda.
Inisialisasi versi lokal proyek untuk digunakan sebagai templat infrastruktur untuk proyek Anda sendiri.
```
azd init --template <template-name>
```
Buat sumber daya dan sebarkan kode ke Azure.
```
azd up
```

Menyebarkan dengan Visual Studio Code

Untuk menyebarkan atau menyebarkan ulang aplikasi layanan Aplikasi Anda dengan Visual Studio Code, selesaikan langkah-langkah berikut:

Instal ekstensi Azure terkait, misalnya AzureApp Service atau Azure Functions.
Buka penjelajah Azure. Pilih ikon Azure di bilah sisi utama atau gunakan pintasan keyboard (Shift + Alt + A).
Di grup Sumber Daya, pilih langganan dan layanan Anda.
Klik kanan layanan Anda lalu pilih Sebarkan ke Aplikasi Web....

Menyambungkan ke lingkungan yang dihosting di Azure Anda

Untuk akses manual atau sesekali ke lingkungan yang dihosting, lihat cara melihat file di lingkungan yang dihosting Azure Anda.
Untuk akses otomatis atau konsisten, pertimbangkan menyiapkan salah satu metode penyebaran.

Menampilkan file di lingkungan yang dihosting Azure

Ada beberapa cara untuk segera melihat file di aplikasi Web Azure atau aplikasi Fungsi yang dihosting. Jika Anda menggunakan slot di sumber daya yang dihosting, Anda perlu memastikan Anda berada di slot yang benar sebelum melihat file.

Lihat file di portal Azure - pilih Console di bawah Development tools untuk sumber daya hosting Anda.
Menampilkan file di ekstensi Visual Studio Code: - pilih ikon Azure di bilah Aktivitas. Di bagian Sumber Daya, pilih langganan dan layanan Anda. Simpul File menyediakan tampilan berkas jarak jauh Anda.
- layanan Azure App dan ekstensi Azure Functions keduanya menyediakan tampilan file jarak jauh.

Menampilkan titik akhir HTTP di portal Microsoft Azure

Lihat titik akhir HTTP Anda dari halaman Gambaran Umum layanan di portal Microsoft Azure.

Menampilkan titik akhir HTTP Anda dari halaman Gambaran Umum layanan di portal Microsoft Azure.

Bagikan melalui