Pengembangan cloud modern dengan real estat Contoso

Aplikasi Contoso Real Estate berisi arsitektur referensi dan komponen untuk membangun frontend komposer modern tingkat perusahaan (atau micro-frontend) dan aplikasi cloud-native. Ini adalah kumpulan praktik terbaik, pola arsitektur, dan komponen fungsi yang dapat digunakan untuk membangun dan menyebarkan aplikasi JavaScript modern ke Azure.

Pengembangan cloud modern yang digunakan dalam solusi Contoso Real Estate mencakup alat untuk memungkinkan Anda mengembangkan, men-debug, membangun, menyebarkan, dan menguji aplikasi Anda.

Lingkungan Pengembang

Tim pengembangan yang efektif dan efisien memutuskan dan secara konsisten mempertahankan lingkungan pengembangan.

Kontainer Pengembangan

Lingkungan pengembangan harus sama untuk setiap pengembang di tim Anda. Lingkungan itu juga perlu mencerminkan lingkungan produksi sebanyak mungkin. Kontainer Pengembangan adalah standar industri dengan dukungan komunitas, spesifikasi, alat, panduan, dan templat. Kontainer pengembangan harus dipertahankan untuk sistem operasi, bahasa, dan alat lain yang diperlukan untuk efisiensi tim.

Visual Studio Code menyediakan proses pembuatan kontainer dev langkah demi langkah cepat untuk membungkus kode sumber Anda, memungkinkan Anda menulis kode alih-alih menulis kontainer. Jika Anda ingin mengembangkan kontainer, Anda dapat membawa kontainer yang ada, atau mengubah file kontainer dev yang disediakan.

IDE

Lingkungan pengembang terintegrasi (IDE) adalah aplikasi perangkat lunak yang menyediakan alat dan fitur komprehensif kepada pengembang untuk menulis, menguji, dan men-debug kode secara lebih efisien. Ini dirancang untuk menyederhanakan proses pengembangan dengan mengonsolidasikan berbagai aspek pengembangan perangkat lunak ke dalam satu lingkungan. Dalam LINGKUNGAN pengembangan terintegrasi IDE, ketika dikombinasikan dengan kontainer pengembangan, memungkinkan Anda untuk dengan cepat melakukan onboarding anggota tim baru sambil tetap mendukung tim lainnya. Setiap modifikasi pada IDE termasuk pengaturan, ekstensi, dan integrasi lainnya dapat ditentukan dalam kontainer pengembangan sehingga semua anggota tim memiliki lingkungan yang sama tanpa harus mengandalkan langkah manual.

Untuk tim pengembang lintas platform, gunakan Visual Studio Code:

Alat kualitas kode

Alat kualitas kode diterapkan selama pengembangan untuk menerapkan pemformatan dan pedoman gaya dan menangkap potensi masalah runtime dengan menegakkan standar kode. Alat kualitas kode adalah bahasa pemrograman yang unik dan didukung dengan komunitas untuk memastikan dukungan dan kemajuan. Visual Studio Code menyediakan integrasi dengan alat kualitas kode umum.

Contoso menggunakan alat kualitas kode berikut:

Pengujian otomatis

Lingkungan pengembangan harus memungkinkan pengembang untuk menulis kode dengan cepat dan menguji dampaknya pada proyek tanpa harus mendorong perubahan pada alur build dan pengujian . Visual Studio Code menyediakan integrasi dengan alat pengujian otomatis. Gunakan PlayWright untuk pengujian end-to-end termasuk browser dan pengujian API.

Contoso menggunakan:

CLI

Antarmuka baris perintah memungkinkan pengembang untuk bekerja dengan cepat di lingkungan pengembangan mereka dan menambahkan CLI ke alat otomatisasi apa pun untuk membangun dan menyebarkan alur.

Contoso menggunakan CLI berikut:

Komputasi Pengembang

Stasiun kerja pengembang dapat terletak di cloud atau sebagai komputer fisik. Terlepas dari di mana sumber daya komputasi berada, mudah mengintegrasikan komponen yang diperlukan oleh pengembang cloud modern.

Codespaces

Codespace adalah kontainer pengembang yang tersedia dengan repositori GitHub Anda. Buka repositori Anda di Codespaces, baik di browser, atau IDE lokal Anda. Mulai bekerja segera, dalam alur pengembang khas Anda, menulis, men-debug, menguji, dan mendorong PR kembali ke repositori GitHub. Codespace mempertahankan perubahan spesifik apa pun pada lingkungan seperti variabel lingkungan, penginstalan dependensi, dan CLI.

Anda dapat membuka proyek dari GitHub di browser web, atau Anda dapat membuka kontainer dari versi lokal Visual Studio Code. Keduanya menggunakan kontainer dev yang sama.

Sumber daya cloud untuk pengembang

Pengembang memerlukan akses ke sumber daya cloud saat mengembangkan. Bergantung pada sumber daya, tim pengembangan dapat memilih untuk menggunakan emulator lokal (jika tersedia), atau menggunakan infrastruktur yang sama dengan file kode untuk menyediakan sumber daya pengembang.

Infrastruktur sebagai kode, dengan alat seperti Azure Dev CLI (AZD) memungkinkan Anda membuat dan meruntuhkan sumber daya cloud dengan cepat.

Proyek ini memiliki file tingkat akar, azure.yml, menentukan layanan logis, yang dapat disebarkan secara independen. Sumber daya yang mendukung setiap layanan ditentukan dalam folder infra .

  • Folder infra/app menentukan bagaimana layanan Azure dikonfigurasi dan dijahit bersama-sama.
  • Folder infra/core memiliki file Bicep yang digunakan untuk membuat setiap layanan Azure.

Azure Developer CLI (AZD) menyediakan pembuatan sumber daya, untuk semua sumber daya atau hanya layanan logis, melalui azd provision perintah .

Kontrol sumber, integrasi dan penyebaran berkelanjutan

Kontrol sumber menyediakan kemampuan untuk melacak perubahan selama siklus pengembangan. Contoso menggunakan git untuk mengelola kontrol versi dan GitHub untuk menyimpan kode sumber.

Integrasi berkelanjutan memungkinkan perubahan pada kode sumber diverifikasi sebelum menggabungkan ke cabang utama. Contoso menggunakan file .github/workflows untuk integrasi berkelanjutan.

Penyebaran adalah proses pemindahan kode sumber dan file terkait ke cloud. Azure Developer CLI (AZD) menyediakan penyebaran tersebut azd deploy melalui perintah .