Oracle Visual Builder

Oracle Visual Builder ist eine gehostete Umgebung für Ihre Entwicklungsinfrastruktur. Sie bietet eine auf Open-Source-Standards basierende Lösung, mit der Sie Anwendungen in Oracle Cloud entwickeln, gemeinsam mit anderen bearbeiten und bereitstellen können.

Erste Schritte

Oracle Visual Builder muss vor der Verwendung aktiviert und konfiguriert werden. Der Serviceadministrator aktiviert das Feature für Ihren Service. Dabei wird auch der Hostname für den Ort hinzugefügt, an dem die Anwendungen erstellt und gespeichert werden. Siehe Integration mit Oracle Visual Builder in Integrating and Extending Oracle Content Management. Für die Integration zwischen den Services ist SSO erforderlich. Daher müssen sich beide Services in derselben Identitätsdomain befinden.

In Oracle Visual Builder müssen Sie Folgendes ausführen, bevor Sie dieses Feature mit Oracle Content Management verwenden können:

  • Cross-Origin Resource Sharing (CORS) muss auf der Oracle Visual Cloud Service-Site aktiviert sein.

  • Anwendungen müssen erstellt und zum Einbetten verfügbar gemacht werden. Außerdem müssen sie zur Verwendung mit Oracle Content Management konfiguriert sein.

  • Webanwendungen müssen erstellt und zum Einbetten in einem iFrame verfügbar gemacht werden. Das Sites-SDK muss importiert und in den Webanwendungen referenziert werden. Ein Seiten-URL-Parameter namens "id" muss den Webanwendungen hinzugefügt werden.

Oracle Visual Builder-Komponenten erstellen

Wenn die Integration aktiviert wurde und die Anwendungen und Webanwendungen erstellt und einsatzbereit sind, müssen Sie eine neue Komponente für jede Anwendung erstellen, die zu den Siteseiten hinzugefügt werden soll.

  1. Rufen Sie in Oracle Visual Builder die URL für die veröffentlichte Webanwendung ab. Klicken Sie auf das Liveprojekt, das die Webanwendung enthält, und klicken Sie dann auf die Webanwendung. Kopieren Sie die URL aus der Adressleiste.

  2. Klicken Sie in Oracle Content Management auf Entwickler und dann auf Alle Komponenten anzeigen. Registrierte Remotekomponenten und -layouts werden angezeigt.

  3. Klicken Sie auf Erstellen, und wählen Sie Visual Builder-Komponente erstellen aus.

  4. Geben Sie einen Namen für die Komponente ein. Sie können keinen Namen verwenden, der von einer anderen Komponente bzw. einem anderen Layout verwendet wird.

    Sie können Buchstaben, Zahlen, Unterstriche (_) und Bindestriche (-) verwenden. Wenn Sie ein Leerzeichen eingeben, wird es automatisch durch einen Unterstrich ersetzt.

    Verwenden Sie keinen der folgenden Namen für Vorlagen, Themes, Komponenten, Sites oder Siteseiten: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Die folgenden Namen dürfen für Siteseiten, jedoch nicht für Vorlagen, Themes, Komponenten oder Sites verwendet werden: documents, sites.

  5. Geben Sie optional eine Beschreibung für die Komponente ein.

  6. Fügen Sie die URL in die Live-Webanwendung oder Live-Classic-Anwendung ein.

  7. Klicken Sie auf Erstellen. Nachdem die Komponente erstellt wurde, wird der Name in der Liste der Komponenten angezeigt. Sie können die Ordner und Dateien prüfen, aus denen die Komponente oder das Layout besteht, indem Sie in der Liste auf den Komponentennamen klicken.

  8. So wählen Sie ein anderes Symbol als das der Komponente zugewiesene Standardsymbol aus:

    1. Wählen Sie die Komponente in der Liste aus.

    2. Klicken Sie auf Eigenschaften.

    3. Klicken Sie auf die Registerkarte Komponentenlogo.

    4. Klicken Sie in der Logogalerie auf ein Logo, und klicken Sie anschließend auf Fertig.

Komponente zu einer Siteseite hinzufügen

Jetzt können Sie die Komponente für die Anwendung zu einer der Siteseiten hinzufügen. Sie können die Komponente entweder einer öffentlichen oder einer sicheren Seite hinzufügen.

  1. Navigieren Sie zur Seite, die bearbeitet werden soll, und stellen Sie sicher, dass der Schalter "Bearbeiten" auf Bearbeiten gesetzt ist.

  2. Fügen Sie die Komponente zur Seite hinzu. Die Komponente wird im Abschnitt "Benutzerdefiniert" angezeigt.

  3. Um die Komponente und deren Darstellung zu ändern, klicken Sie auf das entsprechende Menüsymbol Symbol "Komponentenmenü" und wählen Einstellungen. Sie können das Label für die Komponente sowie ihre Darstellung, Größe und Ausrichtung anpassen. Auf der Registerkarte "Stil" können Sie den Standardstil für die Komponente aus dem Oracle Visual Builder-Host verwenden. Um erweiterte Formatierungsoptionen zu verwenden, bearbeiten Sie Stilklassen in den design.css-Dateien im Theme-Designordner der aktuellen Sitevorlage, bzw. fügen Sie diese hinzu. Das Stilklassenpräfix lautet "scs-component".

Sie können die Komponente beim Bearbeiten der Site im Vorschaumodus anzeigen. Nach dem Veröffentlichen der Site sehen die Sitebesucher die für diese Komponente ausgewählte Oracle Visual Builder-Anwendung, die in einem iFrame auf der Seite ausgeführt wird.