Oracle Visual Builder

Oracle Visual Builder est un environnement hébergé pour votre infrastructure de développement d'applications. Il fournit une solution open source et reposant sur des normes, qui vous permet de développer des applications, de collaborer sur celles-ci et de les déployer dans Oracle Cloud.

Etapes initiales

Pour pouvoir utiliser Oracle Visual Builder, ce dernier doit être activé et configuré. L'administrateur de service active la fonctionnalité pour votre service, en ajoutant également le nom de l'hôte dans lequel les applications sont créées et stockées. Reportez-vous à Intégration à Oracle Visual Builder dans le manuel Integrating and Extending Oracle Content Management. Comme l'intégration entre ces deux services exige SSO, ils doivent tous deux se trouver dans le même domaine d'identité.

Dans Oracle Visual Builder, vous devez procéder comme suit pour pouvoir utiliser la fonctionnalité avec Oracle Content Management :

  • La spécification CORS doit être activée sur le site Oracle Visual Cloud Service.

  • Des applications doivent être créées, rendues disponibles pour l'imbrication et configurées en vue d'une utilisation avec Oracle Content Management.

  • Des applications Web doivent être créées et rendues disponibles pour l'imbrication dans un iFrame. Le kit SDK Sites doit être importé et référencé dans les applications Web. Un paramètre d'URL de page nommé "id" doit être ajouté aux applications Web.

Création de composants Oracle Visual Builder

Une fois l'intégration activée, et les applications et les applications Web créées et prêtes à être utilisées, vous devez créer un composant pour chaque application que vous voulez ajouter aux pages de site.

  1. Dans Oracle Visual Builder, obtenez l'URL de l'application Web publiée. Cliquez sur le projet actif qui inclut l'application Web, puis cliquez sur l'application Web. Copiez l'URL à partir de la barre d'adresse.

  2. Dans Oracle Content Management, cliquez sur Développeur, puis sur Afficher tous les composants. Les présentations et composants distants inscrits sont affichés.

  3. Cliquez sur Créer et choisissez Créer un composant Visual Builder.

  4. Entrez le nom du composant. Vous ne pouvez pas utiliser un nom déjà utilisé par un autre composant ou une autre présentation.

    Vous pouvez utiliser des lettres, des chiffres, des traits de soulignement (_) et des traits d'union (-). Si vous entrez un espace, il est automatiquement remplacé par un trait de soulignement.

    N'utilisez pas les noms suivants pour les modèles, les thèmes, les composants, les sites ou les pages de site : authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Bien que vous puissiez utiliser les noms suivants pour les pages de site, ne vous en servez pas pour les modèles, les thèmes, les composants ou les sites : documents, sites.

  5. Entrez éventuellement la description du composant.

  6. Collez l'URL dans l'application Web active ou l'application classique active.

  7. Cliquez sur Créer. Une fois le composant créé, son nom apparaît dans la liste des composants. Vous pouvez explorer les dossiers et les fichiers qui constituent le composant ou la présentation en cliquant sur le nom du composant dans la liste.

  8. Pour sélectionner une autre icône que celle affectée par défaut au composant, procédez comme suit :

    1. Sélectionnez le composant dans la liste.

    2. Cliquez sur Propriétés.

    3. Cliquez sur l'onglet Logo du composant.

    4. Cliquez sur un logo de la galerie de logos, puis cliquez sur Terminé.

Ajout du composant à une page de site

Vous pouvez à présent ajouter le composant pour l'application à l'une des pages de site. Vous pouvez ajouter le composant à une page publique ou à une page sécurisée.

  1. Accédez à la page que vous voulez modifier et assurez-vous que le commutateur Modifier est défini sur Modifier.

  2. Ajoutez le composant à la page. Le composant apparaît dans la section Personnalisé.

  3. Pour modifier le composant et son apparence, cliquez sur son icône de menu icône de menu de composant et choisissez Paramètres. Vous pouvez ajuster le libellé du composant, son apparence, sa taille et son alignement. L'onglet Style permet d'utiliser le style par défaut associé au composant à partir de l'hôte Oracle Visual Builder. Pour un style plus avancé, modifiez ou ajoutez des classes de style dans les fichiers design.css dans le dossier de conceptions de thème du modèle de site en cours. Le préfixe de classe de style est scs-component.

Vous pouvez visualiser le composant en mode aperçu pendant que vous modifiez le site. Une fois votre site publié, les visiteurs voient l'application Oracle Visual Builder choisie pour être utilisée avec le composant, en cours d'exécution dans un iFrame sur la page.