Mulai menggunakan aplikasi perusahaan Contoso Real Estate

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.

Aplikasi Contoso Real Estate

Aplikasi perusahaan Contoso Real Estate memungkinkan karyawan perusahaan Contoso mencari perumahan relokasi cadangan melalui aplikasi web. Aplikasi web ini adalah alat internal yang digunakan oleh Contoso HR dan karyawan baru yang direkrut atau direlokasi. Baik Talent Manager yang diautentikasi, dan karyawan baru dapat berinteraksi dengan fitur aplikasi, sementara pengguna yang tidak terpahami dapat mengakses beberapa bagiannya.

• Pelajari Langsung: Pelajari selengkapnya tentang solusi ini dengan menonton sesi Learn Live .
• Pelajari Koleksi: Pelajari selengkapnya tentang solusi ini dengan Koleksi Pelajari.

Prasyarat

Untuk menyebarkan seluruh solusi aplikasi ini ke Azure, Anda memerlukan:

• Langganan Azure - buat langganan gratis
• Akun GitHub. Jika Anda belum memilikinya, daftar gratis.
• Akun Strapi untuk CMS tanpa kepala
• Akun Stripe untuk pembayaran

Aplikasi

Aplikasi Contoso Real Estate memiliki dua aplikasi klien, portal dan blog. Blog ini memp banyak memp banyak penawaran real estat baru dan jika terlihat tanpa autentikasi. Aplikasi portal memerlukan autentikasi untuk melihat, memesan, dan membayar daftar. Tim pengembangan terpisah telah membangun dan mendukung arsitektur end-to-end ini dengan pilihan tumpukan teknis mereka sendiri.

Blog publik dengan Berikutnya:

Blog dan API-nya dihosting dari Azure Container Apps. Konten blog disajikan dari CMS Strapi tanpa kepala dengan data yang disimpan di Azure Database for PostrgreSQL. CMS juga menyimpan daftar real estat. Gambar properti untuk daftar disimpan di Azure Blob Storage.

Mengamankan klien portal dengan Angular

Portal dihosting di aplikasi Web Statis Azure dengan dukungan API dari Aplikasi Azure Functions. Ini juga menggunakan daftar yang disimpan di Azure Database for PostrgreSQL. Portal ini menyediakan autentikasi melalui penyedia sosial seperti Microsoft, Google, dan Facebook.

Setelah pengguna masuk, dan memilih properti, mereka dapat memilih untuk memesan properti lalu membayarnya dengan integrasi Stripe.

Layanan Azure lainnya yang digunakan meliputi:

• Azure Key Vault untuk menyimpan kunci, rahasia, dan sertifikat
• Azure Cosmos DB untuk menyimpan data pengguna
• Azure API Management untuk menyediakan API untuk melindungi, mempercepat, dan mengamati API

Paket

Aplikasi ini dibagi menjadi beberapa paket. Setiap paket menjelaskan skenario tentang apa yang ada dalam paket dan instruksi langkah demi langkah untuk membantu Anda membangun dan menyebarkan paket ke Azure.

Paket	tumpukan teknologi
Blog, Blob-CMS	Aplikasi Next.js dengan CMS Strapi, keduanya dihosting di aplikasi Azure Container.
Portal, API	Portal web Angular yang dihosting dari Static Web Apps dengan aplikasi Azure Functions API untuk backend.
Stripe	Api layanan Fastify API Payment di aplikasi Azure Container.
Pengujian	Pengujian end to end dengan Playwright.
Docs	Pelajari selengkapnya tentang solusi ujung ke ujung ini.

Langkah selanjutnya

Memahami solusi dengan Skenario Pengguna