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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent