Jadual Kandungan[Sembunyi][Tunjukkan]
- Jadi, apakah persekutuan modul?
- Mengapa persekutuan modul?
- Komponen teras persekutuan modul
Ciri teras Persekutuan Modul+-
- Prestasi web yang sangat baik
- Pembangunan yang berkesan
- Keupayaan untuk menyembuhkan diri dan redundansi
- Pengendalian berkesan kebergantungan biasa
- Daripada perlu menggunakan semula pengguna, gunakan kod bebas.
- Apabila berjalan, import kod daripada binaan lain.
- Pengalaman pembangun dipertingkat sambil mengekalkan pengalaman pelanggan
- Bahagian hadapan mikro beroperasi secara monolitik.
- Kesimpulan
Konsep bahagian hadapan mikro menggunakan perkhidmatan mikro untuk pembangunan bahagian hadapan.
Ideanya adalah untuk memecahkan aplikasi atau tapak web kepada bahagian yang lebih kecil, dibangunkan secara bebas yang kemudiannya disambungkan semasa masa jalanan, berbanding menciptanya sebagai monolit tunggal yang padu.
Kaedah ini membolehkan anda mencipta komponen lain aplikasi menggunakan teknologi lain dan dengan pasukan bebas.
Idea ini adalah untuk mengurangkan perbelanjaan penyelenggaraan yang berkaitan dengan monolit biasa dengan membahagikan pembangunan dengan cara ini.
Dengan membenarkan mereka menumpukan perhatian pada kawasan tertentu aplikasi sebagai pasukan yang koheren, ia juga membolehkan bentuk kerjasama baharu antara pembangun bahagian belakang dan bahagian hadapan.
Sebagai contoh, anda mungkin mempunyai pasukan yang bertanggungjawab sepenuhnya untuk keupayaan carian atau aspek lain produk utama yang penting untuk perniagaan.
Terima kasih kepada persekutuan modul, anda mempunyai kefungsian yang mencukupi untuk mengendalikan aliran kerja yang bahagian hadapan mikro mandat pendekatan.
Siaran ini akan melihat secara mendalam seni bina persekutuan modul, serta ciri utama dan corak aplikasinya.
Jadi, apa itu a persekutuan modul?
Reka bentuk persekutuan modul Javascript menggunakan bahagian yang digunakan semula dalam banyak aplikasi.
Ia adalah jargon yang agak asas, tetapi saya hanya membuatnya kelihatan seperti itu untuk kelihatan berangin.
Memandangkan kita semua sudah biasa dengan berkongsi komponen dalam aplikasi React, Persekutuan Modul secara berkesan mencapai matlamat yang sama dalam amalan, kecuali ia mendedahkan modul aplikasi secara dinamik untuk digunakan oleh aplikasi lain.
Persekutuan Modul berusaha untuk mengatasi masalah perkongsian modul dalam sistem yang diedarkan dengan menyampaikan elemen perkongsian utama tersebut sebagai makro atau mikro seperti yang dikehendaki.
Ini dicapai dengan mengeluarkannya daripada apl anda dan aliran kerja binaan.
Mengapa persekutuan modul?
Berikut ialah beberapa faktor yang boleh dikendalikan oleh persekutuan modul dengan mudah:
- Luaran dan DLL (Perpustakaan Pautan Dinamik) adalah yang kadang-kadang kami miliki untuk berkongsi fungsi antara apl. Kesemuanya menjadikan perkongsian kod penskalaan amat mencabar.
- NPM lembab.
- Apabila dua program berasingan berkongsi kod penting, ia mestilah dinamik dan fleksibel.
Untuk membolehkan apl kendiri berada sepenuhnya dalam repositori mereka sendiri, digunakan secara berasingan dan beroperasi sebagai SPA bebas mereka sendiri, Persekutuan Modul telah dicipta.
Komponen teras persekutuan modul
Sebelum menyelam lebih dalam, membincangkan secara ringkas beberapa konsep baharu yang dibawa oleh persekutuan modul adalah penting.
- Hos: Apabila halaman dimuatkan, binaan atau modul yang dimulakan pada mulanya dipanggil hos. Pembekal boleh dianggap sebagai hos.
- Jauh: Alat jauh ialah binaan berbeza yang menggunakan sebahagian daripada hos. Mereka juga dirujuk sebagai pelanggan.
- Hos dwiarah: binaan Webpack yang berfungsi sebagai alat kawalan jauh yang digunakan oleh hos lain dan hos yang menggunakan alat kawalan jauh.
- Persekutuan vendor: membolehkan perkongsian masa jalan yang dikongsi secara deklaratif bagi kebergantungan modul npm untuk hos atau jauh, tanpa mengira lokasi dari mana ia dimuatkan. Salah satu masalah prestasi utama dengan bahagian hadapan mikro diselesaikan dengan cara ini.
Corak Aplikasi Bersekutu
Sistem Reka Bentuk Evergreen
Salah satu bentuk aplikasi persekutuan yang paling asas ialah "jauh hijau malar", yang merupakan alat kawalan jauh yang dikongsi seperti "Sistem Reka Bentuk" atau "Perpustakaan Komponen" yang diedarkan dan dikemas kini secara bebas untuk semua pengguna.
Tanpa setiap pasukan aplikasi perlu meluangkan masa untuk semakan, ini mungkin membantu dalam memastikan semua tapak dalam talian mematuhi identiti korporat yang terkini.
Untuk mereka bentuk dan meletakkan had dan prosedur yang diperlukan untuk menjamin kemas kini yang selamat dan berterusan, ini mungkin tempat yang berguna untuk perniagaan bermula apabila mempertimbangkan seni bina aplikasi bersekutu.
Berikut ialah beberapa kes penggunaan di mana alat kawalan jauh yang digunakan secara bebas mungkin sesuai:
- Sistem reka bentuk
- Cengkerang aplikasi
- Perpustakaan komponen
- Pengguna
- Kit alat yang dikongsi
- Model pengedaran alternatif untuk widget yang digunakan oleh dalaman atau luaran
Perkongsian Modul Berbilang SPA
Gunakan semula ciri yang telah dieksport, seperti komponen, dalam apl satu halaman kendiri yang berbeza. Faedah termasuk:
- Pengguna menerima kemas kini automatik
- Kepakaran domain kekal dalam pasukan yang bertanggungjawab ke atasnya.
- Memperkemas prosedur penggunaan kerana keluaran modul berasingan tidak diperlukan.
Persekutuan yang dipacu Shell
Persekutuan yang dipacu shell termasuk:
- Apabila membuat versi produk baharu, pasukan Produk tidak menunggu pasukan Checkout menyelesaikan tugas mereka.
- Apabila menukar alat kawalan jauh, tiada muat semula halaman.
- Apabila perlu, Shell menawarkan pemuatan jauh yang perlahan dan penghalaan (peringkat atas).
- Penghalaan merentasi alat kawalan jauh dimungkinkan melalui persekutuan vendor, yang membolehkan penggunaan semula pakej npm yang kerap digunakan.
- Shell menawarkan rangka kerja dan kebergantungan biasa lain yang digunakan semula oleh alat kawalan jauh yang dimuatkan malas.
Persekutuan pelbagai cangkang
Serupa dengan persekutuan pacuan cengkerang yang diterangkan di atas, tetapi menggunakan cengkerang yang berbeza.
Ia mengandungi:
- sejumlah cangkerang
- Pelabelan putih
- Tidak semua alat kawalan jauh diperlukan oleh Shell B atau mempunyai pelaksanaan bebas.
Ciri teras Persekutuan Modul
Prestasi web yang sangat baik
Isu dengan komposisi modul NPM biasa ialah apabila bilangan tanggungan meningkat, saiz aplikasi secara amnya bertambah.
Untuk mengelakkan memuatkan berkas apabila aplikasi anda dimuatkan dan hanya memuatkannya apabila perlu, Persekutuan Modul menawarkan anda keupayaan untuk memuatkan berkas dengan malas.
Ini menghalang keperluan untuk memuat turun modul sebelum ia benar-benar diperlukan, yang meningkatkan kelajuan tapak.
Pembangunan yang berkesan
Setiap projek boleh dihasilkan dan dihantar secara berasingan dan boleh dijalankan oleh pelbagai pasukan kerana Persekutuan Modul menggalakkan anda menyusun aplikasi anda ke dalam projek diskret supaya anda boleh membina dan menggunakan mereka secara berasingan (dan oleh itu selari).
Keupayaan untuk menyembuhkan diri dan redundansi
Kebergantungan yang dikongsi membolehkan Persekutuan Modul menjejaki semua kebergantungan program anda di satu tempat.
Dengan cara ini, walaupun apabila aplikasi tidak mengisytiharkan pergantungan atau apabila terdapat masalah rangkaian, ia masih mengetahui perkara yang diperlukan dan boleh mengendalikan memuat turunnya mengikut keperluan.
Pengendalian berkesan kebergantungan biasa
Selain itu, Persekutuan Modul menawarkan pengurusan pergantungan yang unggul, menyelesaikan keperluan vendor dan pihak ketiga dengan berkesan supaya aplikasi anda tidak akan memuatkan lebih daripada satu versi perpustakaan.
Daripada perlu menggunakan semula pengguna, gunakan kod bebas.
Pembangun sangat berminat untuk mempunyai fungsi malar hijau. Setelah kefungsian bergantung terdedah telah berubah, anda tidak perlu memasang semula pengguna lagi.
Saya harus mengakui bahawa ini adalah ciri yang sangat mujarab dengan sendirinya, yang memerlukan pemeriksaan yang teliti untuk mengelakkan hasil yang tidak dijangka.
Apabila berjalan, import kod daripada binaan lain.
Apabila menggunakan model pakej NPM, kami mungkin menganggap apl yang menggunakan Persekutuan Modul serupa dengan API dan bukannya berkongsi kod dan memikirkan "perpustakaan."
Dengan cara yang sama seperti mereka juga boleh menerima kefungsian daripada apl lain, aplikasi web kini boleh menyediakan kefungsian itu kepada aplikasi lain.
Pengalaman pembangun dipertingkat sambil mengekalkan pengalaman pelanggan
Mana-mana pembangun JavaScript akan agak selesa dengan Persekutuan Modul kerana ia adalah pemalam Webpack yang boleh diakses pada versi Webpack 5.
Ini sebenarnya agak kuat dan menarik jika kita memikirkannya.
Dengan menggunakan pemuat Webpack pihak ketiga, pertimbangkan semua komponen yang Webpack himpunan, termasuk skrip, aset, gaya, gambar, penurunan harga dan banyak lagi.
Dengan menggunakan Persekutuan Modul, semua ini boleh dikongsi dan digabungkan.
Bahagian hadapan mikro beroperasi secara monolitik.
Ia agak mudah untuk menambah fungsi yang dikongsi pada aplikasi anda; hanya import berkas seperti biasa atau gunakan pemuatan segerak.
Sebagai alternatif, pemuatan tak segerak boleh digunakan untuk hanya memuatkan kebergantungan apabila perlu dengan menggunakan pemuatan malas.
Kesimpulan
Dalam siaran ini, kami telah membincangkan Persekutuan Modul sebagai pilihan yang hebat untuk membangunkan aplikasi micro-frontend anda.
Membenarkan apl bertukar-tukar dan menggunakan fungsi pada masa jalan menggalakkan kebolehskalaan dengan membolehkan pelbagai pasukan bekerja pada aplikasi bebas.
Apabila fungsi biasa berubah, anda tidak perlu mereka bentuk dan menggunakan pengguna anda kerana ia menyokong fungsi malar hijau.
Program anda akan berfungsi seperti monolit selepas ia disediakan, yang sangat hebat.
Kebergantungan boleh kongsi digunakan untuk mengurangkan saiz apl. Memandangkan ramai pembangun sudah biasa dengan persekitaran Webpack, pengalaman pembangun adalah sangat baik.
Sila tinggalkan balasan anda