Plattform der nächsten Generation

Verzeichnislayout der Anwendung

Online bearbeiten

Überprüfen und verstehen Sie das Verzeichnislayout der Anwendung.

Tabelle 1. Verzeichnisstruktur für den von der Anwendung bereitgestellten Quellcode
Verzeichnispfad oder Datei Beschreibung
Pakete Enthält die von der Anwendung bereitgestellte Stammanwendung des Geschäfts, Einzel-Spa-fähige Winkelanwendungen und Bibliotheken.
pakete/apps/store-root-app Die Store-Root-Anwendung ist eine Vanille- JavaScript -Anwendung, die das Single-Spa-Framework nutzt, um als Router oder Orchestrator mehrere Single-Spa-fähige Winkelanwendungen zu erstellen.
Hinweis : Diese Anwendung kann nicht angepasst werden.
Pakete/Apps/Store-Root-App/src/assets/root-config/config Enthält die JSON-Konfigurationsdateien zum Registrieren der UMD-Module (Universal Module Definition) der von der Anwendung bereitgestellten Winkelanwendungen und aller Routen jeder Winkelanwendung.
  • core-import-map.json: Die UMD-Module der von der Anwendung bereitgestellten Winkelanwendungen, die nicht angepasst werden können.
  • feature-import-map.json: Die UMD-Module der anwendungsspezifischen Anwendungen, die angepasst werden können.
  • core-routes.json: Die Routen vor der Authentifizierung, die beim Single-Spa-Framework registriert werden sollen
  • feature-routes.json: Die Routen nach der Authentifizierung, die beim Single-Spa-Framework registriert werden sollen.
Pakete/Bibliotheken Enthält die von der Anwendung bereitgestellten Winkelbibliotheken.
Pakete/Features Enthält die von der Anwendung bereitgestellten Single-Spa-fähigen Winkelanwendungen.
pakete/Libs/Kern Die Winkelbibliothek, die wiederverwendbare Singleton-Winkelservices, Komponenten und Dienstprogrammservices enthält.
pakete/libs/gemeinsame-komponenten Die Winkelbibliothek, die wiederverwendbare Winkelkomponenten, Anweisungen und Rohre enthält.

Die Komponenten in dieser Bibliothek unterstützen keine Anpassung.
Pakete/libs/Funktionskomponenten Die Winkelbibliothek, die wiederverwendbare Winkelfunktionskomponenten enthält. Diese Komponenten wurden für die Adressierung einer bestimmten Domäne oder eines funktionalen Anwendungsfalls erstellt. Sie können diese Komponenten in Anzeigen wie Notes-Modaldialog, Adresserfassung/-anzeige, Modaldialog für Produktdetails usw. verwenden.
app-config.json Die JSON-Anwendungskonfiguration, die die Konfiguration des Entwicklungsservers wie Port, contextRoot, usw. für alle von der Anwendung bereitgestellten Angular-Anwendungen enthält. Weitere Informationen zur app-config.json -Schemadefinition enthält Tabelle 1.
Hinweis: Stellen Sie sicher, dass Sie die Datei app-config.json nicht bearbeiten oder zur Anpassung ändern.
pakete/libs/styles Diese Bibliothek enthält globale und allgemeine Komponentenstile, Symbole und Bilder, die in der Anwendung verwendet werden.
Tabelle 2. Verzeichnisstruktur zur Speicherung des Quellcodes der Erweiterungen eines Kunden
Verzeichnispfad oder Datei Beschreibung
Erweiterungen Enthält erweiterte Single-Spa-fähige Winkelanwendungen und Bibliotheken.
Erweiterungen/Features Enthält erweiterte Single-Spa-fähige Winkelanwendungen. Dies schließt neu erstellte angepasste Anwendungen und überschriebene von Anwendungen bereitgestellte Anzeigen ein.
Erweiterungen/Bibliotheken Erweiterungen/Bibliotheken
extensions/features/override-komponente Angular-Anwendung zum Überschreiben der von der Anwendung bereitgestellten Komponenten unter Verwendung differenzieller Erweiterungen.
Erweiterungen/Features/Modellüberschreibung Angular-Anwendung zum Überschreiben der von der Anwendung bereitgestellten Modale unter Verwendung der differenziellen Erweiterbarkeit.
Erweiterungen/Überschreiben-statischer-Assets/Stammkonfiguration/Benutzerdefiniert Enthält JSON-Konfigurationsdateien für die Anpassung.
  • import-map.json: Diese Datei registriert das JavaScript -Modul zum Laden für eine bestimmte Anwendung. Weitere Informationen zu import-mapsfinden Sie im Abschnitt.
  • routes.json: Diese Datei verknüpft die Route in der Micro-Frontend-Anwendung mit einer Winkelanwendung, die die Route wiedergibt.
app-config-overrides.json Die Anwendungskonfiguration überschreibt JSON mit der Konfiguration des Entwicklungsservers (z. B. Port, contextRoot ) für alle angepassten Winkelanwendungen. Wenn Sie angepasste Anwendungen von einem fernen Server bereitstellen, können Sie dies erreichen, indem Sie useRemote: truekonfigurieren. Weitere Informationen zur app-config.json -Schemadefinition enthält Tabelle 1.
Erweiterungen/Vorlagen/Stile Verwenden Sie diese Bibliothek, um die von der Anwendung bereitgestellten Variablen im SASS-Stil zu überschreiben und angepasste Stile für Erweiterungen zu verwenden.
erweiterungen/aufhebung-statischer-assets Verwenden Sie diesen Ordner, um die von der Anwendung bereitgestellten JSON-Konfigurationsdateien, wie z. B. JSON für das Übersetzungspaket, JSON für die Persona-Konfiguration und ähnliche JSON-Konfigurationsdateien, zu überschreiben.