τα στοιχεία επικοινωνίας μου
Ταχυδρομείο[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Ένα micro-front-end πλαίσιο είναι μια τεχνική λύση που έχει σχεδιαστεί για να χωρίζει μεγάλες εφαρμογές front-end σε πολλές μικρές, ανεξάρτητες, συντηρήσιμες εφαρμογές micro-front-end Κάθε εφαρμογή micro-front-end μπορεί να αναπτυχθεί, να δοκιμαστεί, να αναπτυχθεί και να εκτελεστεί ανεξάρτητα, διατηρώντας παράλληλα τη συνολική συνεργασία και την εμπειρία χρήστη.Αυτή η αρχιτεκτονική είναι παρόμοια με την αρχιτεκτονική microservice, αλλά εστιάζει στην περιοχή του front-end
Κοινά σημεία:Όταν αλλάξει η διαδρομή, μπορείτε να φορτώσετε τον κωδικό της αντίστοιχης εφαρμογής και να την αφήσετε να τρέξει στο κοντέινερ.
χαρακτηριστικό γνώρισμα | qiankun | Απεριόριστος | μονό σπα | iframe |
---|---|---|---|---|
Υποστήριξη στοίβας τεχνολογίας | Ανεξάρτητη στοίβα τεχνολογίας, υποστηρίζει React, Vue, Angular κ.λπ. | Βασισμένο στο WebComponent, υποστηρίζει πολλαπλές στοίβες τεχνολογίας | Ανεξάρτητο από τη στοίβα τεχνολογίας, υποστηρίζει πολλαπλά πλαίσια front-end | Η στοίβα τεχνολογίας δεν έχει καμία σχέση, αλλά η ενσωμάτωση πρέπει να εξετάσει τη συμβατότητα |
Μέθοδος πρόσβασης | Απλή, πρόσβαση μέσω JS API | Σχετικά απλό, ενσωματωμένο μέσω του WebComponent | Πολύπλοκο, πρέπει να διαμορφώσετε τον κύκλο ζωής ενός σπα | Απλό, ενσωματωμένο μέσω ετικετών HTML |
απομόνωση sandbox | Παρέχει JS sandbox και απομόνωση στυλ | Χρησιμοποιήστε το WebComponent για φυσική απομόνωση | Οι προγραμματιστές πρέπει να εφαρμόσουν μόνοι τους την απομόνωση sandbox | iframe φυσική απομόνωση |
Διαχείριση διαδρομής | Υποστηρίζει συντήρηση κατάστασης δρομολόγησης και διαμορφώσιμη χαρτογράφηση δρομολόγησης | Υποστήριξη εικονικής δρομολόγησης και διατήρηση της κατάστασης δρομολόγησης | Ως διαδρομή ανώτατου επιπέδου, πρέπει να διαχειριστείτε μόνοι σας τις διαδρομές δευτερευουσών εφαρμογών. | Η διαχείριση της δρομολόγησης γίνεται από την εφαρμογή μέσα στο ίδιο το iframe |
Επικοινωνία εφαρμογής | Παροχή μηχανισμού επικοινωνίας μεταξύ εφαρμογών γονέα-παιδιού και εφαρμογών παιδιού-παιδιού | Παρέχετε API που βασίζεται σε στοιχεία για την υποστήριξη της επικοινωνίας | Οι προγραμματιστές πρέπει να εφαρμόσουν οι ίδιοι τον μηχανισμό επικοινωνίας | Μπορεί να επικοινωνεί μέσω παραμέτρων postMessage ή URL κ.λπ. |
Προφόρτωση πόρων | Υποστήριξη προφόρτωσης στατικών πόρων | Υποστήριξη προφόρτωσης στατικών πόρων | Υποστήριξη τεμπέλης φόρτωσης εφαρμογών | Δεν υποστηρίζει προφόρτωση, φόρτωση κατά παραγγελία |
Επίδραση στην απόδοση | Χαμηλότερο, βελτιστοποιημένο μέσω sandboxing και lazy loading | Χαμηλότερο, αλλά το WebComponent μπορεί να έχει επιβάρυνση απόδοσης | Χαμηλότερο, αλλά εξαρτάται από τη βελτιστοποίηση της εφαρμογής | Υψηλότερα, τα γενικά έξοδα φόρτωσης και απόδοσης iframe είναι μεγαλύτερα |
Εμπειρία ανάπτυξης | Καλύτερα, παρέχει πλούσιο API και τεκμηρίωση | Το καλύτερο API που βασίζεται σε στοιχεία είναι πιο διαισθητικό | Γενικά, πρέπει να χειριστείς πολλές λεπτομέρειες μόνος σου | Καλύτερη, εύκολη ενσωμάτωση σε υπάρχουσες εφαρμογές |
διαθεσιμότητα παραγωγής | Αποδεδειγμένο και κατάλληλο για περιβάλλοντα παραγωγής | Κατάλληλο για περιβάλλοντα παραγωγής, αλλά μπορεί να έχει λιγότερη υποστήριξη από την κοινότητα | Κατάλληλο για περιβάλλον παραγωγής και χρειάζεται βελτίωση από τους ίδιους τους προγραμματιστές | Κατάλληλο για περιβάλλοντα παραγωγής, αλλά τα ζητήματα ασφάλειας και απόδοσης πρέπει να αντιμετωπίζονται προσεκτικά |
Κόστος προσαρμογής | Υψηλότερο, ανάγκη προσαρμογής δρομολόγησης, κύκλου ζωής κ.λπ. | Μέτρια, κυρίως προσαρμοσμένη στο WebComponent | Ανώτερη, απαιτεί εις βάθος κατανόηση της αρχιτεκτονικής ενός σπα | Χαμηλότερο, αλλά πρέπει να δώσετε προσοχή σε ζητήματα συμβατότητας και απόδοσης |
Το Micro front-end πλαίσιο φέρνει πολλά πλεονεκτήματα στην ανάπτυξη εφαρμογών front-end, όπως ανεξαρτησία στοίβας τεχνολογίας, ανεξάρτητη ανάπτυξη και ανάπτυξη, σταδιακές αναβαθμίσεις κ.λπ. Ωστόσο, έχει επίσης ορισμένες ελλείψεις, όπως υψηλή δυσκολία πρόσβασης και κακές δυνατότητες κοινής χρήσης πόρων. Ως εκ τούτου, όταν επιλέγετε αν θα χρησιμοποιήσετε ένα πλαίσιο micro-front-end, θα πρέπει να το λάβετε υπόψη πλήρως με βάση τις συγκεκριμένες ανάγκες του έργου και τις τεχνικές δυνατότητες της ομάδας. Ταυτόχρονα, σε πρακτικές εφαρμογές, πρέπει επίσης να δώσουμε προσοχή σε θέματα όπως η επιλογή πλαισίου micro-front-end, ο σχεδιασμός αρχιτεκτονικής, η διαχείριση κώδικα κ.λπ., για να διασφαλίσουμε την ομαλή πρόοδο του έργου και τη σταθερή λειτουργία του Σύστημα.