VeraltetPlattform der nächsten Generation

Lokale Instanz für die Entwicklung einrichten

Sie müssen eine lokale Instanz der Anwendung einrichten, die Sie anpassen möchten. Die beste Möglichkeit, eine Angular 11-basierte Anwendung zu entwickeln, ist die Verwendung der Angular-CLI während der lokalen Entwicklung. Sobald ein Feature lokal entwickelt wurde, kann es im Developer Toolkit oder in der Cloudumgebung implementiert werden.

Vorgehensweise

  1. Nehmen Sie das neueste Entwickler-Toolkit, kopieren Sie den Quellcode von Sterling Store Engagement aus <runtime>/repository/eardata/isf/war/storesrc und legen Sie ihn in ein temporäres Verzeichnis, z. B. <WORKSPACE>/store-frontend, das in diesem Verfahren als <store_temp> bezeichnet wird.
    Sie gibt an, dass sich die Quelle package.json im <store_temp>befindet. Sie können dieses Verzeichnis (<WORKSPACE>/store-frontend/store-extensions-src) für Ihre Quellcodeverwaltung verwenden.
    Wichtig: Vergewissern Sie sich, dass der Quellcode von Sterling Store Engagement, den Sie kopieren, aus dem neuesten Entwickler-Toolkit stammt.
  2. Führen Sie den Befehl yarn install im Verzeichnis <store_temp> aus. Es installiert alle Abhängigkeiten als node_modules.
  3. Aktualisieren Sie omsEndPoint in den Dateien <store_temp>/src/environments/environment.hmr.ts und <store_temp>/src/environments/environment.ts . Hier steht omsEndPoint für die URL, in der die Geschäftsabwicklungsanwendung implementiert ist. Die URL kann beispielsweise http://localhost:9080/isflauten, wenn Sie das Developer Toolkit lokal eingerichtet haben.
  4. Befehl yarn start ausführen und Anwendung unter http://localhost:4500/starten
    Zu diesem Zeitpunkt ist Ihre Benutzerschnittstellenanwendung aktiv und kann mit dem implementierten Back-End kommunizieren (http://localhost:9080/isf). Da das Back-End auf verschiedenen Hosts oder Ports bereitgestellt wird, tritt bei der Konfiguration das CORS-Problem auf.
    Dies gilt jedoch nicht für die Cloudumgebung (einschließlich Developer Toolkit). Daher ist die COSR-Unterstützung standardmäßig nicht aktiviert. Um CORS zu aktivieren, siehe CORS für die lokale Umgebung aktivieren.
    Hinweis: Derzeit erstellt das Entwicklertoolkit die isf -WAR-Datei nicht. Zum Erstellen der WAR-Datei müssen Benutzer die Eigenschaft AP_WAR_FILES aktualisieren, um isf in die Liste der zu erstellenden WARs einzuschließen. Weitere Informationen finden Sie unter Einrichten der containerisierten Entwickler-Toolkit-Umgebung.
  5. Melden Sie sich bei der Anwendung an und erkunden Sie die von der Anwendung bereitgestellten Funktionen.
  6. Fügen Sie Ihre Erweiterungen hinzu.
    Für neue Abläufe müssen alle Benutzerschnittstellenerweiterungen in SCREEN_EXTENSIONS_HOME und BUNDLE_EXTENSIONS_HOMEplatziert werden.
    Aktualisieren Sie die neu hinzugefügten Erweiterungskomponenten, Provider und verzögerten Lademodulpfade in SCREEN_EXTENSIONS_DEFINITION_FILE.
    Wenn Sie die Erweiterungscodes hinzufügen oder ändern, wird das Benutzerschnittstellenmodul automatisch aktualisiert, um Ihre Änderungen zu laden. Stellen Sie sicher, dass Sie den Befehl yarn ear-build-prod im Verzeichnis <store_temp> ausführen, bevor Sie die Änderungen an Ihre Quellcodeverwaltung übertragen.
    Hinweis: Aktualisieren Sie Ihre Änderungen erst, nachdem der Befehl erfolgreich ausgeführt wurde, da er Codekonsistenz und -qualität beibehält. Dieser Befehl wird während des EAR-Erstellungsprozesses in den Cloudumgebungen ausgeführt. Wenn der Befehl fehlschlägt, wird die Kompression von Erweiterungscodes übersprungen und Ihre Änderungen spiegeln möglicherweise nicht in der Anwendung wider.