Micro Front-End-Architektur ist eine immer beliebtere Methode der Front-End-Entwicklungsarchitektur. Es repr?sentiert wahrscheinlich die Zukunft der Front-End-Webentwicklung. Daher ist es entscheidend, die wichtigsten Vorteile zu verstehen, die eine solche Architektur für Ihre Anwendungen und Entwicklungsteams bringen kann.

mein Team und ich verwenden diesen Ansatz seit zwei Jahren und es ist Zeit, alles zu teilen, was wir gelernt haben, und die wichtigsten Gründe, warum Sie darüber nachdenken sollten, ihn in Ihrem n?chsten Projekt zu übernehmen.

Schauen wir uns zun?chst an, was eine Micro-Front-End-Architektur ist, und dann in fünf Gründe eintauchen, warum sie jetzt übernommen wird.

Schlüsselpunkte

• Micro Front-End-Architektur erm?glicht es den Teams, unabh?ngig voneinander zu arbeiten, indem sie ihre Lieblingstechnologien verwenden, wodurch die Codequalit?t verbessert und Entwickler verbessert werden.
• Die Verwendung eines Micro-Front-End-Ansatzes kann die Entwicklung und den Einsatz beschleunigen, da kleinere Teams gleichzeitig unterschiedliche Funktionen übernehmen k?nnen, wodurch die Kommunikationsaufwand reduziert und die Freisetzungen beschleunigt werden k?nnen.
• Micro Front-End-Architekturen k?nnen ihre Wartbarkeit verbessern, indem sie Webanwendungen in kleinere und einfachere Verwaltung von Teilen und das Testen und Wartung einfacher und effizienter machen.

Was ist eine Micro Front-End-Architektur?

In den letzten Jahren haben IT -Unternehmen begonnen, gro?e Software in kleinere und leichter zu verwaltende Bl?cke aufzuteilen. Die Idee hinter diesem Ansatz ist es, viele Dienste zu haben, die unabh?ngig entwickelt, getestet und bereitgestellt werden k?nnen.

Hier geht es um die Microservice -Architektur der Backend -Entwicklung. Die gleiche Methode kann aber auch auf die Front-End-Entwicklung angewendet werden, die als Mikro-Front-End-Architektur bezeichnet wird. Auf der offiziellen Website von Martin Fowler ist die Micro Front-End-Methode definiert als:

Ein architektonischer Stil, in dem unabh?ngig lieferte Front-End-Anwendungen zu einem gr??eren Ganzen kombiniert werden.

Dieser architektonische Ansatz für die Front-End-Webentwicklung wird immer beliebter, da er bekannte M?ngel traditioneller Monomermethoden l?st. Dies liegt haupts?chlich daran, dass sich Front-End-Software schnell entwickelt und bei der Verwendung monolithischer Architekturen schwieriger zu pflegen ist.

Auf der anderen Seite k?nnen Sie mit dem Micro Front-End eine weniger komplexe und mühsame Architektur implementieren. Insbesondere k?nnen Sie dank des Micro Front-End-Ansatzes die gesamte Anwendung in kleine, getrennte Teile aufteilen. Jeder Teil kann dann von einem anderen Front-End-Team und sogar von verschiedenen Technologien implementiert werden. Dies gew?hrleistet die gleiche Skalierbarkeit, Flexibilit?t und Anpassungsf?higkeit wie Backend Microservice -Architekturen. Darüber hinaus k?nnen Sie mit diesem Ansatz Micro-Front-End-Komponenten mischen und verwenden, die mit Bibliotheken oder verschiedenen Frameworks auf derselben Webseite entwickelt wurden.

Es ist daher keine überraschung, dass Micro-Frontends jetzt ein Trend in der IT-Welt sind, und dieser Ansatz wird zunehmend übernommen.

Fünf Vorteile der Auswahl von Micro Front-End Now

Die Verwendung von Micro-Front-End für die Entwicklung gab mir einen Einblick in die wirklichen Vorteile dieses Front-End-Entwicklungsansatzes.

Schauen wir uns nun die fünf relevantesten Gründe für die Verwendung meiner Erfahrungen mit Front-End-Entwicklern an (unter Verwendung von Micro Front-End seit mehr als zwei Jahren).

Um ein ausgewogenes Bild zu erstellen, führt dieser Artikel dann die fünf wichtigsten M?ngel vor, die von Micro Front-End mitgebracht wurden.

erstreckt sich auf mehrere Teams

Das Team, für das ich arbeite, besteht aus Entwicklern mit unterschiedlichen Hintergründen und F?higkeiten. Einige sind Reaktexperten, andere sind Vue.js oder eckige Experten. Einige Leute codieren gerne in JavaScript, andere m?gen es in TypeScript. Dies ist zun?chst eine Barriere. Die einzige L?sung besteht darin, Gemeinsamkeiten zu finden, obwohl diese Wahl einige Entwickler dazu zwingt, neue Technologien zu lernen und ihr Fachwissen zu verlieren. Daher haben wir nach L?sungen gesucht und beschlossen, einen Micro Front-End-Architekturansatz zu verfolgen.

Aus diesem Grund konnten wir das ursprüngliche Team in mehrere Teams teilen, und jede Person konnte ihre Talente nach besten Kr?ften verwenden. Dies liegt daran, dass verschiedene Teams die besten Entscheidungen in Bezug auf Architektur-, Testen- und Codierungsstil treffen k?nnen, basierend auf der Gesch?ftslogik, mit der sie sich befassen müssen. Darüber hinaus führt dieser Ansatz selbst zu einer Code- und Stilisolation, sodass jedes Team von den anderen Teams unabh?ngig bleibt.

Das Micro Frontend ist auch im Endergebnis hilfreich. Dies hat unser Team gelernt, nachdem er diesen Ansatz vollst?ndig angewendet hat. Wenn Sie mehrere kostenlose kleine Teams haben, die ihre Lieblingstechnologie verwenden k?nnen, sind sie von Natur aus weniger restriktiv und daher motivierter, Code mit h?herer Qualit?t zu schreiben.

Verwenden verschiedener Technologiestapel

Da das Mikrofront -Ende aus kleinen, unabh?ngigen Teilen besteht, kann jeder Teil mit einem anderen Technologiestapel implementiert werden. Dies ist ein unglaublich gro?er Vorteil. Erstens, da das Startteam basierend auf dem Fachwissen eines bestimmten Technologiestapels in viele kleine Teams unterteilt werden kann, entspricht dies auch dem Prinzip der einzelnen Verantwortung. Zweitens ist die Einstellung neuer Entwickler, da viele Technologiestapel für dasselbe Projekt verwendet werden.

Darüber hinaus eliminiert der Micro-Front-End-Ansatz tats?chlich das Ph?nomen der Sperrung bestimmter Technologien oder reduziert dieses Ph?nomen zumindest stark. Dies liegt daran, dass Ihr Team immer entscheiden kann, einen neuen Technologiestapel auszuw?hlen, ohne zuvor entwickelte Inhalte zu konvertieren. Darüber hinaus ist jeder Block, der aus einer Mikro-Front-End-Architektur besteht, sicherlich kleiner als ein Front-End-Monomer, und es dauert weniger Zeit, um sie in eine neue Technologie umzuwandeln.

Da unser Team den Micro Front-End-Ansatz verabschiedet hat, waren wir motiviert, neue Technologien, Bibliotheken und Frameworks auszuprobieren. Tats?chlich k?nnen Sie dann einen brandneuen Technologiestapel annehmen, wenn Sie einen neuen Abschnitt in Ihre Anwendung hinzufügen müssen. Dies ist eine wertvolle Gelegenheit, zu lernen, wie viele JavaScript -Frameworks auf dem Markt verwendet werden.

schnellere Entwicklung und Bereitstellung

Ein weiterer wichtiger Aspekt, der gel?st werden muss, ist, dass der Front-End-Entwicklungsprozess unseres Teams durch die Einführung von Micro Front-End erheblich verbessert wurde. Der Hauptgrund ist, dass wir kein gro?es Team mehr sind, das gezwungen ist, sich mit dem unvermeidlichen Kommunikationsaufwand zu befassen, sondern jetzt Teil eines kleineren unabh?ngigen Teams, der gleichzeitig mit unterschiedlichen Funktionen zu tun hat, unabh?ngig von den Implementierungsdetails.

Wie Sie sich vorstellen k?nnen, ist dies auch eine enorme Verbesserung bei der Ver?ffentlichung neuer Funktionen. Der Grund dafür ist, dass unser Entwicklungsprozess erheblich verbessert wurde, haupts?chlich weil das Bauen kleiner Mikrofrontendungen schneller und einfacher ist als gro?e Einzelk?rpersoftware. Daher wird auch Ihre Bereitstellungszeit erheblich zunehmen. Wenn ein Team die Arbeit einer Funktion abschlie?t, k?nnen sie sie online bereitstellen, ohne zu warten.

Mit anderen Worten, Micro Front-End-Anwendungen basieren auf unabh?ngigen Teams, um unabh?ngige Funktionen gleichzeitig zu übernehmen. Dies muss die M?glichkeit darstellen, h?here Ver?ffentlichungsraten zu erreichen, insbesondere wenn die Anzahl der kleinen Teams zunimmt.

erleichtert Ihre Webanwendung

,

zu verwalten

Wenn Sie jemals an gro?en Anwendungen gearbeitet haben, wissen Sie, dass sie leicht schwierig werden k?nnen, insbesondere wenn sie monolithisch sind und dazu bestimmt sind, riesig zu werden. Andererseits basiert das Micro-Front-End auf der Dividierung und Eroberung der Methode. Dies bedeutet, dass Sie durch die Auswahl dieser Architektur für Ihre Webanwendung jede gesch?ftliche Anforderung erleichtern k?nnen, die zu testen und zu warten.

Das hat unser Team sehr schnell gelernt. Das Testen gro?er monolithischer Anwendungen ist eine Herausforderung und dauert viel Zeit, und das wissen wir alle. Aber alles hat sich ge?ndert, seit wir den Micro Front-End-Ansatz gew?hlt haben. Jedes Team ist jetzt für das Testen der von ihm entwickelten Funktionen verantwortlich, die viel kleiner sind als die vollst?ndige Anwendung. Dies beschleunigt den gesamten Prozess und macht es einfacher. Also hat niemand Angst vor dem Testen. Darüber hinaus kann jedes unabh?ngige Team seine bevorzugten Testwerkzeuge und -techniken verwenden.

Darüber hinaus bedeutet der Umgang mit kleinen Bl?cken, dass der Prozess des Verst?ndnisses, was geschieht, belastender wird. Dies führt zu zuverl?ssigeren Webanwendungen, die auf vielen Widgets basieren und bei Bedarf einfacher zu pflegen sind.

Es repr?sentiert die Zukunft der Front-End-Entwicklung

Gem?? dem 2020 MicroService-Statusbericht verwenden 24% der Entwickler Mikrofrontendungen. Dies bedeutet, dass immer mehr Unternehmen die Macht dieses Ansatzes nutzen und erwarten, dass viele beliebte Front-End-Anwendungen ihn in Zukunft übernehmen. Mit anderen Worten, Micro Frontends k?nnen den n?chsten Schritt in der Front-End-Entwicklung darstellen.

Mein Team hatte die Gelegenheit, mit diesem Thema umzugehen, und ich habe keinen Zweifel daran, dass es die natürliche Entwicklung des monolithischen Ansatzes zur Front-End-Entwicklung darstellt. Andererseits ist es immer noch eine relativ neue und etwas unreife Technologie, die noch einen langen Weg vor sich hat. Dies ist auch der Grund, warum die Nachteile diskutiert werden sollten (z. B. einige Micro-Front-End-Implementierungen führen zu einer Duplikation von Abh?ngigkeiten). Wir werden diese Themen im n?chsten Artikel diskutieren.

Gleichzeitig entwickeln sich auch Webanwendungen st?ndig weiter, und mein Team und ich z?gern nicht zu sagen, dass Micro Front-End eine natürliche Entwicklung der Front-End-Entwicklung ist.

Schlussfolgerung

In diesem Artikel untersuchen wir die fünf wichtigsten Gründe für die Annahme eines Micro-Front-End-Architekturansatzes, der auf der Erfahrung meines und meiner Teams zwei Jahre lang jeden Tag den Micro Front-End-Architekturansatz verwendet. Mit dem Micro Front-End-Ansatz k?nnen Sie die Front-End-Anwendungen in kleine Stücke teilen, die voneinander unabh?ngig sind.

Obwohl die in der Back-End-Entwicklung verwendete Microservice-Architektur nicht so beliebt ist wie Microservice-Architekturen, ist das Konzept dahinter fast gleich. Es ist keine überraschung, dass Micro-Front-End-Architekturen jetzt ein Trend sind und m?glicherweise eine natürliche Entwicklung der Front-End-Entwicklung darstellen. Dies ist auch der Grund, warum es wichtig ist, es zu verstehen, und der Hauptgrund, warum das Lernen jetzt annimmt, ist genau der Zweck dieses Artikels.

Wenn Sie mehr darüber erfahren m?chten, wie Sie mit dem Micro Front-End-Frontwork beginnen, finden Sie in unserer Anleitung zur Micro Front-End-Architektur, in der Sie eine Arbeitsanwendung erstellen.

Danke fürs Lesen! Ich hoffe, Sie haben diesen Artikel hilfreich gefunden. Bitte kontaktieren Sie mich und stellen Sie Fragen, Kommentare oder Vorschl?ge.

h?ufig gestellte Fragen zur Micro Front-End-Architektur

Was sind die wichtigsten Vorteile der Micro Front-End-Architektur?

Micro Front-End-Architektur bietet viele Vorteile. Erstens erm?glicht es eine unabh?ngige Bereitstellung. Dies bedeutet, dass einzelne Komponenten der Website aktualisiert oder ge?ndert werden k?nnen, ohne das gesamte System zu beeinflussen. Zweitens f?rdert es unabh?ngige Teams. Jedes Team kann den Technologiestapel verwenden, mit dem sie am besten vertraut sind, um verschiedene Teile des Frontends zu behandeln. Dies führt zu einer erh?hten Produktivit?t und Effizienz. Schlie?lich verbessert es die Skalierbarkeit. Wenn Anwendungen wachsen, k?nnen neue Funktionen als separate Micro-Frontends hinzugefügt werden, wodurch die Komplexit?t verringert und das System einfacher zu verwalten ist.

Wie verbessert man die Benutzererfahrung mit der Micro Front-End-Architektur?

Micro Front-End-Architektur kann die Benutzererfahrung erheblich verbessern. Es erm?glicht schnellere Ladezeiten, da jeweils nur notwendige Komponenten geladen werden. Dies führt zu einer reibungsloseren und reaktionsf?higeren Benutzeroberfl?che. Darüber hinaus kann es eine personalisiertere Benutzererfahrung bieten. Verschiedene Teams k?nnen verschiedene Teile der Benutzeroberfl?che verarbeiten, sodass jeder Komponente die spezifischen Anforderungen des Benutzers erfüllen kann.

Was sind die Herausforderungen bei der Implementierung von Mikro-Front-End-Architekturen?

W?hrend die Micro-Front-End-Architektur viele Vorteile bietet, stellt sie auch einige Herausforderungen. Diese Herausforderungen umfassen: Erh?hte Komplexit?t aufgrund der Notwendigkeit, mehrere Codebasis und Teams zu verwalten;

Wie ist die Micro-Front-End-Architektur im Vergleich zur einzelnen Front-End-Architektur?

Im Gegensatz zu einer einzelnen Front-End-Architektur, die das gesamte Front-End zu einer einzigen Einheit aufbaut, unterteilt die Front-End-Architektur in der Micro das Front-End in kleinere, überschaubare Komponenten. Dies erm?glicht eine gr??ere Flexibilit?t und Skalierbarkeit. Es erfordert jedoch auch mehr Koordination und Management und kann zus?tzliche Komplexit?t hinzufügen.

Kann Micro Front-End-Architektur mit einem Technologiestapel verwendet werden?

Ja, einer der Hauptvorteile von Micro Front-End-Architekturen ist die technische Unabh?ngigkeit. Es erm?glicht verschiedenen Teams, den Technologiestapel zu verwenden, mit dem sie am besten vertraut sind, um bestimmte Teile des Frontends zu verarbeiten. Dies kann die Produktivit?t und Effizienz erh?hen.

Wie wirkt sich die Micro Front-End-Architektur auf das Testen und Debuggen aus?

Die Micro-Front-End-Architektur kann Tests und Debuggen komplizierter machen, da jedes Micro-Front-End getestet und separat getestet werden muss. Es erm?glicht jedoch auch zielgerichtete Tests und Debuggen, da das Problem auf ein bestimmtes Mikrofront-End isoliert werden kann.

Welche Rolle spielt Microservices in der Mikro-Front-End-Architektur?

Mikrodienste spielen eine entscheidende Rolle bei Mikroarchitekturen. Sie lassen das Backend in kleinere, unabh?ngige Dienste unterteilt, die unabh?ngig entwickelt, eingesetzt und skaliert werden k?nnen. Dies erg?nzt den Micro-Front-End-Ansatz, was zu einem flexibleren und skalierbaren System führt.

Wie wirkt sich die Micro Front-End-Architektur auf die Leistung aus?

Micro Front-End-Architekturen k?nnen die Leistung verbessern, indem sie schnellere Lastzeiten erm?glichen. Es kann jedoch auch Leistungsprobleme verursachen, da mehrere Micro-Frontendungen ausgeführt werden. Daher sind sorgf?ltiges Design und Implementierung erforderlich, um eine optimale Leistung zu gew?hrleisten.

Wie unterstützt die Micro Front-End-Architektur die kontinuierliche Lieferung?

Die Micro Front-End-Architektur unterstützt die kontinuierliche Lieferung, indem einzelne Komponenten unabh?ngig eingesetzt werden k?nnen. Dies bedeutet, dass neue Funktionen oder Aktualisierungen eingeführt werden k?nnen, ohne das gesamte System zu beeinflussen, wodurch das Risiko von Ausfallzeiten oder systemweiten Problemen verringert wird.

Was sind einige Best Practices für die Implementierung von Mikro-Front-End-Architekturen?

Einige Best Practices für die Implementierung von Micro-Front-End-Architekturen sind: Entwurf der Unabh?ngigkeit;

Das obige ist der detaillierte Inhalt von5 Gründe, warum Sie eine Micro Frontend Architecture einnehmen sollten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!