Alat untuk pengembang JavaScript di Azure
JavaScript adalah ekosistem dari banyak alat. Artikel ini adalah pilihan alat yang dibangun dan dikelola oleh Microsoft untuk pengembang JavaScript. Anda tidak perlu menggunakan alat-alat ini untuk menggunakan Azure, itu hanya membuat pengalaman lebih baik, baik dalam fungsionalitas maupun dukungan.
Portal Azure
Portal portal Azure memberi Anda akses ke semua langganan dan sumber daya untuk akun Anda.
Visual Studio Code
Visual Studio Code adalah IDE yang disukai untuk pengembangan JavaScript untuk Azure. Antarmuka, fitur, dan ekstensi bekerja bersama untuk mempersingkat waktu pengembangan dan mengurangi frustrasi pengembangan.
Buat ruang kerja proyek di akar proyek pengembangan lokal Anda lalu tambahkan semua konfigurasi, pengaturan, dan ekstensi yang relevan. Periksa file ruang kerja dengan proyek sehingga setiap anggota tim memiliki akses ke pengaturan dan alat yang mereka butuhkan untuk proyek tersebut.
Anda mendapatkan beberapa manfaat dengan menggunakan Visual Studio Code:
- Visual Studio Code menampilkan dokumentasi referensi Azure sebaris
- Visual Studio Code menyediakan penyelesaian pernyataan
- Beberapa tipe atau objek ambigu
Visual Studio Code menyediakan banyak dokumentasi untuk penggunaan proyek JavaScript.
Alat untuk layanan Azure
Gunakan ekstensi gratis berikut untuk menggunakan layanan Azure secara langsung di Visual Studio Code.
| Layanan | Alat | Deskripsi |
|---|---|---|
| Layanan terbaik | Ekstensi Visual Studio Code | Kumpulan ekstensi. Dapatkan semua layanan Azure teratas dalam ekstensi yang satu ini dari Microsoft. |
| Grup sumber daya Azure | Ekstensi Visual Studio Code Azure CLI |
Menampilkan dan mengelola sumber daya Azure. Tutorial: Menyebarkan aplikasi Express.js MongoDB ke Azure App Service dari Visual Studio Code Tutorial: Menambahkan Cognitive Search ke situs web |
| Azure Static web apps | Ekstensi Visual Studio Code CLI SWA |
Buat dan kelola Azure Static Web Apps menggunakan ekstensi VISUAL Code atau Static Web Apps CLI (SWA CLI). Ekstensi Visual Studio Code terintegrasi dengan editor, sementara SWA CLI mensimulasikan layanan Azure secara lokal. |
| Azure Functions | Ekstensi Visual Studio Code Azure CLI paket npm |
Membuat, mengelola, melihat, men-debug, dan menyebarkan fungsi Mulai cepat: Buat fungsi JavaScript di Azure dengan menggunakan Visual Studio Code |
| Azure Container Apps | Ekstensi Visual Studio Code Kontainerapp Azure CLI |
Azure Container Apps memungkinkan Anda menjalankan layanan mikro dan aplikasi kontainer pada platform tanpa server. Kelola aplikasi kontainer Anda, sebarkan versi baru, dan pantau performa. Tutorial: Menyebarkan aplikasi layanan mikro frontend Tutorial: Menyebarkan aplikasi layanan mikro backend |
| Azure Cosmos DB | Ekstensi Visual Studio Code Azure CLI |
Buat, telusuri, dan perbarui database multi-model yang didistribusikan secara global di Azure. Mulai Cepat: Menyambungkan Azure Functions ke Azure Cosmos DB dengan menggunakan Visual Studio Code |
| Penyimpanan | Ekstensi Visual Studio Code Azure CLI Emulator Penyimpanan - Azurite |
Azure Storage termasuk Kontainer Blob, Berbagi File, Tabel, dan Antrean Mulai Cepat: Menyambungkan Azure Functions ke Azure Storage menggunakan Visual Studio Code |
Untuk melihat semua ekstensi Azure, gunakan tautan ini:
TypeScript
TypeScript menawarkan semua fitur JavaScript, dan menyediakan sistem jenis yang kuat tetapi fleksibel.
TypeScript dan pustaka klien Azure SDK
Dokumentasi referensi pustaka klien Azure SDK ditulis untuk TypeScript karena pustaka klien ditulis dengan TypeScript. Anda tidak perlu menggunakan TypeScript untuk menggunakan pustaka klien Azure SDK.
Pelajari selengkapnya tentang Panduan TypeScript untuk Azure SDK.
Penyebaran
Alat penyebaran utama untuk Azure adalah Azure Development CLI. Alat ini memungkinkan Anda membuat dan mengonfigurasi layanan Azure dengan Bicep atau Terraform, lalu menyebarkan kode sumber Anda.
Gunakan Awesome AZD untuk menemukan sampel yang dapat disebarkan untuk memahami solusi end-to-end untuk Azure.
Alat integrasi dan pengujian berkelanjutan (CICD)
Alat integrasi berikut untuk membangun dan menyebarkan meningkatkan produktivitas alur Anda.
- Git atau Git for Windows
- GitHub Actions
- Integrasi Alur Azure
Kontainer
Jika Anda mencari gambar Docker khusus Microsoft atau Azure, gunakan Microsoft Container Registry (MRC) untuk mengkueri gambar.
Alat untuk kontainer
Alat untuk kontainer Pengembangan
Azure CLI
Azure CLI dioptimalkan untuk mengelola dan menjalankan sumber daya Azure dari baris perintah.
Azure CLI menyediakan skenario penggunaan berikut:
Jika Anda menggunakan portal Azure, Azure CLI tersedia di portal dari bilah navigasi atas.
Aplikasi contoh, kode, dan cuplikan
Organisasi GitHub, Azure-Samples, berisi banyak sampel di seluruh produk dan layanan yang ditawarkan oleh Azure. Gunakan browser Azure Samples untuk menemukan sampel untuk memenuhi kebutuhan Anda.
Sampel lainnya meliputi:
- Azure SDK untuk sampel JS
- Pustaka Autentikasi Microsoft untuk sampel JS (MSAL.js)
- Sampel end-to-end JavaScript
Playwright
Playwright adalah pustaka Node.js untuk mengotomatiskan Chromium, Firefox, dan WebKit dengan satu API. Playwright dibangun untuk memungkinkan otomatisasi web lintas browser yang selalu hijau, mampu, dapat diandalkan, dan cepat.
Rush
Rush adalah manajer pengelola monorepo yang scalable untuk web.
Windows Terminal
Windows Terminal memungkinkan Anda untuk mengakses beberapa jenis terminal yang berbeda dari aplikasi Windows yang sama termasuk Azure CLI dan Ubuntu. Gunakan alat ini untuk mengembangkan dan menguji skrip bash CICD sebelum menggunakan skrip tersebut di GitHub Actions atau alur lain.
Subsistem Windows untuk Linux
Subsistem Windows untuk Linux memungkinkan pengembang menjalankan lingkungan GNU / Linux, termasuk sebagian besar alat baris perintah, utilitas, dan aplikasi, langsung pada Windows, tidak dimodifikasi, tanpa biaya ekstra dari mesin virtual tradisional atau pengaturan dual-boot.
Tips dan trik pengembang JavaScript Azure
Daftar berikut mencakup tips dan trik yang harus diketahui pengembang Azure agar lebih produktif:
- Kembangkan skema penamaan untuk sumber daya Azure Anda.
- Kelompokkan sumber daya Azure ke dalam grup sumber daya, yang juga menggunakan skema penamaan.
- Untuk setiap sumber daya Azure, tambahkan tag yang mengomunikasikan tujuan sumber daya, proyek, dan informasi penting lainnya. Tag ini terlihat di portal Azure, untuk sumber daya tersebut, di halaman Gambaran Umum. Pikirkan tag sebagai cara untuk mendokumentasikan sumber daya.
- Sebagian besar sumber daya memiliki setidaknya satu versi gratis per langganan. Gunakan jenis sumber daya ini sambil mempelajari cara menggunakannya.
- Untuk solusi "aman secara default", pelajari cara membuat sumber daya tanpa string koneksi atau kata sandi. Keamanan ini memungkinkan Anda menggunakan kode yang sama di semua lingkungan, tanpa harus mengelola string koneksi atau memutar kunci.
- Paket npm terbaru untuk Azure dimulai dengan cakupan
@azure. - Sebagian besar paket Azure npm dapat menggunakan DefaultAzureCredential. Meskipun penyiapannya terlihat rumit, manfaat dari tidak lagi harus mengelola autentikasi lokal dan jarak jauh Anda ke platform Azure sangat bagus untuk penghematan keamanan dan waktu.
- Semua Azure JavaScript SDK menyertakan jenis TypeScript. Fungsionalitas ini memungkinkan Anda mengadopsi jenis yang kuat untuk solusi Anda dengan mudah dan tahu bahwa mereka tidak akan menjadi tidak sinkron dengan SDK.