Création d'une application frontale à l'aide d'Oracle Visual Builder

Oracle Visual Builder prend en charge toutes les étapes du workflow de développement, de la création à la préparation et la publication d'une application.

Vous n'avez pas besoin de suivre un ordre spécifique dans Oracle Visual Builder pour créer les artefacts dans votre application et définir les blocs de création. La façon de procéder est une préférence personnelle et déterminée par le mode de planification de votre application.

Vous pouvez créer rapidement des écrans d'application dans Oracle Visual Builder en créant une application visuelle.

Création d'une application visuelle

Une application visuelle est un ensemble de ressources que vous utilisez pour développer des applications Web et mobiles. Une application visuelle inclut des métadonnées dans des fichiers JSON qui décrivent les sources de données et les objets fonctionnels, et comprend les fichiers HTML et JavaScript de l'application Web. Certaines ressources sont créées par défaut lorsque vous créez une application visuelle.

Pour créer une application visuelle, procédez comme suit :

Sélectionnez Applications visuelles dans le menu sur la page d'accueil si vous n'êtes pas sur la page d'accueil Applications visuelles.

Pour créer des applications visuelles, vous devez d'abord ouvrir la page d'accueil des applications visuelles.
Cliquez sur Nouveau sur la page d'accueil Applications visuelles.
Entrez le nom de l'application dans la boîte de dialogue Créer une application, puis cliquez sur Créer.

Le champ ID d'application est automatiquement rempli en fonction du nom d'application que vous indiquez. Vous pouvez modifier l'ID d'application, mais il doit être unique dans votre domaine d'identité.

La nouvelle application visuelle s'ouvre automatiquement lorsque vous la créez et affiche l'écran Navigateur d'artefacts et bienvenue. Votre nouvelle application ne contient aucun artefact. Vous pouvez utiliser l'écran Bienvenue pour choisir les artefacts à créer en premier. Cliquez sur l'une des mosaïques de l'écran Bienvenue pour ouvrir le panneau dans le navigateur d'artefacts dans lequel vous pouvez créer et gérer les artefacts. Vous pouvez ajouter plusieurs applications Web et mobiles, et toutes les applications peuvent accéder aux sources de données que vous affichez dans votre application visuelle.

Créer une connexion de service à partir d'une adresse

Vous créez une connexion à partir d'une adresse lorsque vous connaissez l'URI de base d'un service et pouvez fournir les paramètres nécessaires pour vous connecter au service, tels que les détails d'authentification et un exemple du corps de la réponse.

Pour créer une connexion de service à partir de l'URL d'une adresse, procédez comme suit :

Ouvrez Connexions de service dans le navigateur d'artefacts, puis cliquez sur Créer une connexion de service ( ).

Vous gérez et créez vos connexions de service dans le navigateur d'artefacts.
Cliquez sur Définir par adresse dans le panneau Sélectionner une source de l'assistant Créer une connexion de service.
Sélectionnez la méthode HTTP et entrez l'URL de l'adresse. Cliquez sur Suivant.
Dans l'onglet Service, vérifiez que l'URL de base de service, le nom de service et l'ID de service sont corrects.
En fonction de l'adresse que vous avez indiquée, ces valeurs peuvent être automatiquement renseignées.
Cliquez sur l'onglet Authentification, puis entrez vos détails d'authentification, si nécessaire.
Cliquez sur l'onglet Demande pour ajouter des en-têtes et des paramètres d'URL à la demande.

Selon l'adresse, vous pouvez ajouter des en-têtes personnalisés ou un chemin ou des paramètres de requête qui sont transmis dans le cadre de la demande.
Cliquez sur l'onglet Réponse et saisissez le corps de la réponse pour l'adresse.

L'onglet Réponse contient une zone de texte dans laquelle vous pouvez coller un exemple de corps de la réponse. L'exemple dans la réponse est la définition de la structure de l'objet renvoyé. Si vous n'avez pas d'exemple, vous pouvez utiliser l'onglet Test pour envoyer une demande au service et afficher la réponse. Vous pouvez modifier le corps de la réponse dans la zone de texte de l'onglet Réponse.
Cliquez sur l'onglet Test pour tester votre demande et visualiser la réponse de l'adresse.

Cliquez sur Envoyer pour afficher le corps de la réponse et les en-têtes qui seront reçus, afin de confirmer que vous recevrez les données voulues.

Vous pouvez tester les différents paramètres de demande jusqu'à atteindre la réponse voulue.

Remarque :
L'onglet Test permet de tester le service et de visualiser la réponse à la demande qui sera envoyée à l'adresse en fonction des paramètres des autres onglets. Si votre réponse renvoie une erreur, vous devez vérifier les détails de votre connexion, par exemple, pour vous assurer que vous utilisez les informations d'identification correctes ou que le service utilise un certificat SSL valide. A des fins de développement, vous pouvez essayer d'activer Token Relay pour l'authentification si le service le prend en charge.
Cliquez sur Copier dans le corps de la réponse pour copier la réponse en cours dans la zone de texte de l'onglet Réponse, où vous pouvez la modifier de manière plus approfondie.
Cliquez sur Créer lorsque vous êtes satisfait des paramètres de votre demande et de la réponse.

Conseil :

Après avoir ajouté une adresse à partir du service, vous pouvez ajouter plusieurs adresses à partir du même service en cliquant sur + Adresses dans l'onglet Adresses de la connexion et en choisissant A partir du service d'origine dans le menu.

Créer une application mobile

Chaque application mobile dans votre application visuelle est indépendante, mais toutes peuvent utiliser les sources de données définies dans l'application visuelle.

Pour créer une application mobile dans une application visuelle, procédez comme suit :

Cliquez sur Applications mobiles dans le navigateur d'artefacts pour ouvrir le panneau Applications mobiles.
Les représentations structurelles de chacune des applications mobiles de votre application visuelle sont affichées dans le panneau Applications mobiles.
Si aucune application mobile n'a été créée, vous verrez un message dans le panneau et un bouton + Application mobile sur lequel vous pouvez cliquer pour ouvrir la boîte de dialogue Nouvelle application mobile.
Cliquez sur Créer une application mobile dans le navigateur d'artefacts.
Dans la page Général de la nouvelle application mobile, indiquez le nom de l'application mobile que vous allez créer. Vous pouvez également choisir entre l'un des deux styles de navigation. Le style de navigation Barre inférieure avec trois éléments de navigation est configuré par défaut. Vous pouvez modifier le nombre d'éléments de navigation jusqu'au minimum de deux ou jusqu'à cinq. Un flux de pages, avec une page de départ, est généré pour chaque élément de navigation. Vous pouvez également sélectionner Aucun afin de configurer les éléments de navigation de l'application mobile ultérieurement. Si vous sélectionnez Aucun, un seul flux de pages est généré pour l'application mobile.
Cliquez sur l'icône Suivant si vous voulez choisir une mise en page pour l'écran d'accueil de l'application mobile à partir d'une sélection d'options prédéfinies ou sur Terminer si vous voulez configurer la mise en page de l'écran d'accueil ultérieurement.

Oracle Visual Builder utilise la structure Cordova Apache pour accéder aux fonctionnalités des périphériques sur lesquels l'application mobile est installée. Apache Cordova est une structure de développement open source inter-plates-formes qui permet aux développeurs d'applications d'utiliser des technologies Web standard (HTML, CSS et JavaScript) pour développer des applications mobiles.