Frontend-Anwendung mit Oracle Visual Builder erstellen

Oracle Visual Builder unterstützt alle Phasen des Entwicklungsworkflows von der Erstellung bis zur Bereitstellung und Veröffentlichung einer Anwendung.

Sie müssen einer bestimmten Reihenfolge in Oracle Visual Builder nicht folgen, um die Artefakte in Ihrer Anwendung zu erstellen und die Bausteine zu definieren. Die Art und Weise, in der Ihre Anwendung geplant ist, hängt von Ihrer persönlichen Voreinstellung ab.

Sie können Ihre Anwendungsfenster in Oracle Visual Builder schnell erstellen, indem Sie eine visuelle Anwendung erstellen.

Visuelle Anwendung erstellen

Eine visuelle Anwendung ist eine Zusammenstellung von Ressourcen, mit denen Sie Webanwendungen und Apps entwickeln können. Eine visuelle Anwendung umfasst Metadaten in JSON-Dateien, die Datenquellen und Geschäftsobjekte beschreiben. Außerdem enthält sie die HTML- und JavaScript-Dateien der Webanwendung. Einige Ressourcen werden standardmäßig erstellt, wenn Sie eine visuelle Anwendung erstellen.

So erstellen Sie eine visuelle Anwendung:

1. Wählen Sie im Menü auf der Homepage die Option Visuelle Anwendungen, wenn Sie nicht auf der Homepage von Visual Applications stehen.

   Um visuelle Anwendungen zu erstellen, müssen Sie zunächst die Homepage für Visual Applications öffnen.

2. Klicken Sie auf der Homepage von Visual Applications auf Neu.
3. Geben Sie den Anwendungsnamen im Dialogfeld "Anwendung erstellen" ein, und klicken Sie auf Erstellen.

   Das Feld Anwendungs-ID wird automatisch entsprechend dem von Ihnen angegebenen Anwendungsnamen ausgefüllt. Sie können die Anwendungs-ID ändern, die jedoch in Ihrer Identitätsdomain eindeutig sein muss.

Die neue visuelle Anwendung wird automatisch geöffnet, wenn Sie sie erstellen. Der Artefaktbrowser und das Fenster "Willkommen" werden angezeigt. Ihre neue Anwendung enthält keine Artefakte. Auf dem Begrüßungsbildschirm können Sie entscheiden, welche Artefakte Sie zuerst erstellen möchten. Klicken Sie auf eine der Kacheln im Begrüßungsbildschirm, um den Bereich im Artefaktbrowser zu öffnen, in dem Sie die Artefakte erstellen und verwalten können. Sie können mehrere Apps für mobile Geräte und Webanwendungen hinzufügen, und alle Apps können auf die Datenquellen zugreifen, die Sie in Ihrer visuellen Anwendung anzeigen.

Service-Verbindung aus einem Endpunkt erstellen

Sie erstellen eine Verbindung von einem Endpunkt, wenn Sie die Basis-URI eines Service kennen und die erforderlichen Parameter für die Verbindung mit dem Service angeben können, wie z. B. die Authentifizierungsdetails und ein Beispiel für den Hauptteil der Antwort.

So erstellen Sie eine Dienstverbindung aus der URL eines Endpunkts:

1. Öffnen Sie die Service-Verbindungen im Artefaktbrowser, und klicken Sie auf Serviceverbindung erstellen ( ).

   Sie verwalten und erstellen die Service-Verbindungen im Artefaktbrowser.

2. Klicken Sie im Bereich "Quelle wählen " des Assistenten "Serviceverbindung erstellen" auf Nach Endpunkt definieren.
3. Wählen Sie die HTTP-Methode, und geben Sie die URL des Endpunkts ein. Klicken Sie auf Weiter.
4. Bestätigen Sie in der Registerkarte Service, dass die Basis-URL, der Servicename und die Service-ID für den Service korrekt sind.
   Je nach dem angegebenen Endpunkt können diese Werte automatisch ausgefüllt werden.
5. Klicken Sie auf die Registerkarte Authentifizierung, und geben Sie Ihre Authentifizierungsdetails ein, falls erforderlich.
6. Klicken Sie auf die Registerkarte Anforderung, um der Anforderung Header und URL-Parameter hinzuzufügen.

   Je nach Endpunkt können Sie benutzerdefinierte Header oder Pfad- oder Abfrageparameter hinzufügen, die im Rahmen der Anforderung übergeben werden.

7. Klicken Sie auf die Registerkarte Antwort, und geben Sie den Antworttext für den Endpunkt ein.

   Die Registerkarte Antwort enthält einen Textbereich, in den Sie ein Beispiel für den Text der Antwort einfügen können. Das Beispiel in der Antwort ist die Definition der Struktur des zurückgegebenen Objekts. Wenn Sie kein Beispiel haben, können Sie über die Registerkarte "Test " eine Anforderung an den Service senden und die Antwort anzeigen. Sie können den Antworttext im Textbereich der Registerkarte Antwort bearbeiten.

8. Klicken Sie auf die Registerkarte Test, um Ihre Anforderung zu testen und die Antwort vom Endpunkt anzuzeigen.

   Klicken Sie auf Senden, um den Antworttext und die Header anzuzeigen, die empfangen werden, um zu bestätigen, dass Sie die gewünschten Daten erhalten.

   Sie können mit den verschiedenen Anforderungsparametern experimentieren, bis Sie die gewünschte Antwort erhalten.

   Hinweis:

   In der Registerkarte Test können Sie den Service testen und die Antwort auf die Anforderung anzeigen, die an den Endpunkt basierend auf den Einstellungen in den anderen Registerkarten gesendet wird. Wenn Ihre Antwort einen Fehler zurückgibt, müssen Sie die Details der Verbindung prüfen, z. B. um sicherzustellen, dass Sie die richtigen Zugangsdaten verwenden oder dass der Service ein gültiges SSL-Zertifikat verwendet. Für Entwicklungszwecke können Sie versuchen, TokenRelay zur Authentifizierung zu aktivieren, wenn dieser vom Service unterstützt wird.
9. Klicken Sie auf In Antworttext kopieren, um die aktuelle Antwort in den Textbereich der Registerkarte Antwort zu kopieren, in dem Sie sie weiter bearbeiten können.
10. Klicken Sie auf Erstellen, wenn Sie mit den Parametern der Anforderung und der Antwort zufrieden sind.

Tipp:

Nachdem Sie einen Endpunkt aus dem Service hinzugefügt haben, können Sie weitere Endpunkte aus demselben Service hinzufügen, indem Sie auf + Endpunkte in der Registerkarte Endpunkte der Verbindung klicken und Aus Original-Service aus dem Menü wählen.

Mobile Anwendung erstellen

Jede mobile Anwendung in Ihrer visuellen Anwendung ist unabhängig, aber alle Anwendungen können die in der visuellen Anwendung definierten Datenquellen verwenden.

So erstellen Sie eine App in einer visuellen Anwendung:

1. Klicken Sie im Artefaktbrowser auf Mobile Applications, um den Bereich "Mobile Apps " zu öffnen.
   Strukturelle Darstellungen der einzelnen mobilen Anwendungen in Ihrer visuellen Anwendung werden im Bereich "Apps " angezeigt.

   Wenn keine mobilen Anwendungen erstellt wurden, wird eine Meldung im Fensterbereich und eine Schaltfläche + Mobile-Anwendung angezeigt, auf die Sie klicken können, um das Dialogfeld "Neue Mobile-Anwendung" zu öffnen.

2. Klicken Sie im Artefaktbrowser auf Mobile Anwendung erstellen.
   Geben Sie auf der Seite "Allgemein" der Seite "Neue App" den Anwendungsnamen für die App an, die Sie erstellen möchten. Sie können auch zwischen zwei Navigationsstilen wählen. Das Navigationsstil "Untere Leiste" mit drei Navigationselementen ist standardmäßig konfiguriert. Sie können die Anzahl von Navigationselementen so ändern, dass mindestens zwei oder maximal fünf angezeigt werden. Ein Page Flow mit einer Startseite wird für jedes Navigationselement generiert. Sie können auch Keine wählen, wenn Sie die Navigationselemente für die Mobile-Anwendung später konfigurieren möchten. Wenn Sie Keine wählen, wird ein Page Flow für die Mobile-Anwendung generiert.
3. Klicken Sie auf das Symbol Weiter, wenn Sie ein Layout für den Home-Bildschirm der Mobile-Anwendung aus einer Auswahl von vordefinierten Optionen wählen möchten, oder klicken Sie auf Fertigstellen, wenn Sie das Layout des Home-Bildschirms später konfigurieren möchten.

Oracle Visual Builder verwendet das Apache Cordova-Framework für den Zugriff auf die Funktionen der Geräte, auf denen Ihre App installiert ist. Apache Cordova ist ein Open-Source-Cross-Platform-Entwicklungs-Framework, mit dem Anwendungsentwickler Standard-Webtechnologien (HTML, CSS und JavaScript) zur Entwicklung mobiler Anwendungen verwenden können.