Perutean dan komunikasi di seluruh frontend mikro - AWS Bimbingan Preskriptif
PeruteanKomunikasi antara mikro-frontend

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Perutean dan komunikasi di seluruh frontend mikro

Opsi perutean tergantung pada pendekatan komposisi. Komunikasi dapat dioptimalkan dengan mengurangi kopling antara komponen frontend.

Perutean

Aplikasi yang menggunakan komposisi sisi klien dengan split vertikal dapat menggunakan perutean sisi server (aplikasi multihalaman) atau routing sisi klien (aplikasi satu halaman). Jika mereka menggunakan split campuran untuk komposisi UI, perutean sisi klien diperlukan untuk mendukung hierarki perutean yang lebih dalam dari mikro-frontend pada halaman.

Aplikasi yang menggunakan komposisi sisi tepi dan komposisi sisi server lebih selaras dengan perutean sisi server, atau perutean dengan komputasi tepi seperti Lambda @Edge dengan Amazon. CloudFront

Komunikasi antara mikro-frontend

Dengan arsitektur micro-frontend, kami merekomendasikan untuk mengurangi kopling antara komponen frontend. Salah satu pendekatan untuk mengurangi kopling adalah dengan menjauh dari panggilan fungsi sinkron ke pesan asinkron.

Runtime browser dan interaksi pengguna bersifat asinkron. Acara dapat dipertukarkan antara produsen dan konsumen melalui pesan. Peristiwa menyediakan antarmuka yang terdefinisi dengan baik untuk komunikasi di seluruh frontend mikro.

Jika Anda mengikuti praktik DDD untuk mengidentifikasi konteks terbatas Anda untuk frontend mikro, langkah selanjutnya adalah mengidentifikasi peristiwa yang harus dikomunikasikan melintasi batas.

Mekanisme pesan untuk acara dapat berupa peristiwa DOM asli (CustomEvents), pemancar JavaScript peristiwa, atau pustaka aliran reaktif yang disediakan oleh tim platform. Micro-frontend mempublikasikan acara dan berlangganan acara yang relevan untuk konteks terbatas mereka. Dengan metode ini, penerbit dan pelanggan tidak perlu saling menyadari. Kontrak adalah definisi acara. Untuk representasi visual ini, lihat bagian Berkomunikasi dengan peristiwa dari diagram konteks Terbatas dengan arsitektur peristiwa.