Bei diesem Projekt handelt es sich um die Implementierung der Fallstudie MicroCRM, welche während der Bachelorarbeit Machbarkeit und Umsetzung einer Micro-Frontend Architektur mit Web Components umgesetzt wurde.
Der theoretische Hintergrund sowie die vorgenommenen Konfigurationen sind der Arbeit unter http://gateway-bayern.de/BV045526963 zu entnehmen.
Die Implementierung erfolgte unter der Node Version 8.12.0.
Es ist notwendig die Vue CLI, die Angular CLI, die Polymer CLI, den JSON-Server und HTTP-Server global zu installieren.
Es sind folgende Befehle auszuführen
npm i -g @vue/[email protected]
npm i -g @angular/[email protected]
npm i -g [email protected]
npm i -g [email protected]
npm i -g [email protected]
Die Ausführung der einzelnen Build-Prozesse ist den jeweiligen README-Dokumenten der entsprechenden UI-Fragmente und UI-Kompositionen zu entnehmen.
Die einzelnen UI-Fragmente und deren verwendete Erweiterung sind der folgendne Tabelle zu entnehmen.
UI-Fragment | Ordner | Framework/Bibliothek |
---|---|---|
Kunde Erstellung/Anzeige | ./kunde-anlegen |
Angular |
Kunde Suche | ./kunde-suchen |
Angular |
Kontakt Erstellung/Anzeige | ./kontakt-anlegen |
JavaScript |
Kontakt Übersicht | ./kontakt-uebersicht |
Vue.js |
Zahlung Erstellung/Anzeige | ./zahlung-anlegen |
Polymer |
Zahlung Übersicht | ./zahlung-uebersicht |
Vue.js |
Die UI-Kompositionen, auch als Implementierung der Makro-Architekturen zu bezeichnen, ist den Ordnern ./all-in-one
und ./navigation
zu entnehmen.
Das Backend ist beinhaltet im Ordner ./backend