Sie können den Entwicklungsordner auf fehlende Übersetzungen in Ihrer HTML-Anwendung überprüfen.
Um den Entwicklungsordner auf fehlende Übersetzungen zu überprüfen
-
In Visual Studio Code klicken Sie in der linken Navigation auf Explorer.
-
Im Bereich Explorer navigieren Sie zu One Identity | Workspace | Development folder.
-
Neben Translations klicken Sie Check translations.
Ein Bericht öffnet sich. Dieser Bericht zeigt Ihnen alle Dateien, in denen Texte gefunden wurden, die noch nicht oder nur teilweise übersetzt wurden.
Sie können mithilfe der One Identity Visual Studio Code-Erweiterung Ihre eigene HTML-Anwendung erstellen und in die bestehende Umgebung einbinden.
Das Erstellen einer neuen HTML-Anwendung führen Sie in drei Schritten durch:
-
Erstellen Sie die neue HTML-Anwendung.
-
Importieren Sie die Quelldateien in die Datenbank.
-
Legen Sie die HTML-Anwendung in der Datenbank an.
Um eine neue HTML-Anwendung zu erstellen
-
Installieren Sie die One Identity Visual Studio Code-Erweiterung (siehe One Identity Visual Studio Code-Erweiterung installieren).
-
Richten Sie mithilfe der One Identity Visual Studio Code-Erweiterung die Arbeitsumgebung ein (siehe Arbeitsumgebung mit der Visual Studio Code-Erweiterung einrichten).
-
In Ihrer Arbeitsumgebung legen Sie einen neuen Ordner CCC an.
-
Stellen Sie sicher, dass Sie die korrekte Angular-Version verwenden (9.0):
-
Öffnen Sie ein Kommandozeilenprogramm.
-
Im Ordner CCC führen Sie den Befehl ng version aus.
-
Überprüfen Sie die ausgegebene Versionsnummer.
TIPP: Wenn keine Versionsnummer ausgegeben wird, dann ist Angular weder lokal noch global installiert.
Um Angular global zu installieren, führen Sie den Befehl npm install -g @angular/cli aus.
Um Angular lokal zu installieren, führen Sie den Befehl npm install @angular/cli aus.
-
Im Ordner CCC führen Sie den Befehl ng new <Name Ihrer HTML-Anwendung> aus.
-
Im Ordner QBM/OpsWeb kopieren Sie die Datei imx-plugin-config.json und fügen Sie sie in den Ordner CCC/<Name Ihrer HTML-Anwendung> ein.
-
Im Ordner CCC/<Name Ihrer HTML-Anwendung> bearbeiten Sie die (gerade kopierte) Datei imx-plugin-config.json:
-
Im Ordner CCC/<Name Ihrer HTML-Anwendung> bearbeiten Sie die Datei package.json:
-
Unter scripts fügen Sie "build:debug": "ng build --prod --source-map" hinzu.
-
Unter dependencies fügen Sie die Abhängigkeiten zu imx-api, imx-qbm-components und imx-qbm-dbts hinzu.
-
Unter dependencies | rxjs ändern Sie die Version auf ^6.3.3.
-
Im Ordner CCC/<Name Ihrer HTML-Anwendung> bearbeiten Sie die Datei angular.json:
-
Im Bereich projects | <Name Ihrer HTML-Anwendung> | architect | build | options fügen Sie "outputPath": "dist" hinzu.
-
Im Bereich projects | <Name Ihrer HTML-Anwendung> | architect | build | options fügen Sie "preserveSymlinks": true hinzu.
-
Im Ordner CCC/<Name Ihrer HTML-Anwendung>/src bearbeiten Sie die Datei index.html:
-
Im Ordner CCC/<Name Ihrer HTML-Anwendung>/src/environments bearbeiten Sie die Dateien environment.<Name Ihrer Domäne>.ts und environment.ts:
-
Fügen Sie jeweils einen Eintrag für die Client-URL hinzu:
Für environment.<Name Ihrer Domäne>.ts: clientUrl: ''
Für environment.ts: clientUrl: 'http://localhost:8182'
-
Im Ordner CCC/<Name Ihrer HTML-Anwendung> bearbeiten Sie die Datei tsconfig.json:
-
Stellen Sie mithilfe der One Identity Visual Studio Code-Erweiterung sicher, dass Sie keinen Kompilierungszweig verwenden (siehe Kompilierungszweige auswählen).
-
Kompilieren Sie die HTML-Anwendung mithilfe der One Identity Visual Studio Code-Erweiterung (siehe HTML-Anwendungen kompilieren und in Datenbank speichern).
-
Rufen Sie die fertig kompilierte HTML-Anwendung über die URL: <URL des API Servers>/html/<Name Ihrer HTML-Anwendung>/ auf.
HINWEIS: Verwenden Sie hier den Namen der HTML-Anwendung, so wie er in der Datei package.json hinterlegt ist.
Um die Quelldateien in die Datenbank zu importieren
-
Wechseln Sie in Ihre Arbeitsumgebung.
-
Starten Sie das Programm Software Loader.
-
Klicken Sie auf In Datenbank importieren.
-
Klicken Sie Weiter.
-
Auf der Seite Verbindung zur Datenbank herstellen wählen Sie die gewünschte Datenbank aus und geben Sie die Benutzerdaten an.
-
Klicken Sie Weiter.
-
Wählen Sie Ihre Arbeitsumgebung aus.
-
Markieren Sie alle Dateien unterhalb des Ordners CCC/<Name Ihrer HTML-Anwendung>. Schließen Sie dabei die Dateien der folgenden Ordner aus:
-
node_modules
-
dist
-
.git
-
src/assets
-
src/imx-modules
-
Klicken Sie Weiter.
-
Bestätigen Sie die Abfrage mit Ja.
-
Auf der Seite Maschinenrollen zuordnen markieren Sie alle Dateien und aktivieren Sie die Maschinenrolle HTML Development.
-
Klicken Sie Weiter
-
Auf der Seite Änderungskennzeichen wählen führen Sie eine der folgenden Aktionen aus:
-
Um kein Änderungskennzeichen zu verwenden, klicken Sie Die Dateien werden keinem Änderungskennzeichen zugeordnet.
-
Um ein Änderungskennzeichen zu verwenden, klicken Sie Die Dateien sollen folgendem Änderungskennzeichen zugeordnet werden. Klicken Sie anschließend ... und wählen Sie das gewünschte Änderungskennzeichen.
-
Klicken Sie Weiter.
-
Nachdem die Dateien auf der Seite Übertragen der Dateien erfolgreich in die Datenbank übertragen wurden, klicken Sie Weiter.
-
Auf der Seite Beenden des Assistenten klicken Sie Fertig.
Um die HTML-Anwendung in der Datenbank anzulegen
-
Starten Sie das Programm Designer.
-
Navigieren Sie zu Basisdaten | Sicherheitseinstellungen | HTML Anwendungen.
-
Legen Sie einen neuen Eintrag an, indem Sie in der Menüleiste Objekt | Neu klicken.
-
Vergeben Sie einen Anzeigennamen und geben Sie den Pfad CCC/<Name Ihrer HTML-Anwendung> an.
Verwandte Themen
