Crear una Aplicación Front-End con Oracle Visual Builder

Oracle Visual Builder admite todas las etapas del flujo de trabajo de desarrollo, desde la creación hasta el almacenamiento provisional y la publicación de una aplicación.

No tiene que seguir un orden específico en Oracle Visual Builder para crear los artefactos en la aplicación y definir los bloques integrantes. La forma en que continúa es la preferencia personal y determina la forma en que ha planificado la aplicación.

Puede crear rápidamente las pantallas de la aplicación en Oracle Visual Builder mediante la creación de una aplicación visual.

Crear una aplicación visual

Una aplicación visual es una recopilación de recursos que se utiliza para desarrollar aplicaciones web y móviles. Una aplicación visual incluye metadatos en archivos JSON que describen orígenes de datos y objetos de negocio e incluye los archivos HTML y JavaScript de la aplicación web. Algunos recursos se crean de forma predeterminada al crear una aplicación visual.

Para crear una aplicación visual:
  1. Seleccione Aplicaciones visuales en el menú de la página inicial si no está en la página inicial Aplicaciones visuales.

    Para crear aplicaciones visuales, primero debe abrir la página inicial de las aplicaciones visuales.

  2. Haga clic en Nuevo en la página inicial de aplicaciones visuales.
  3. Introduzca el nombre de la aplicación en el cuadro de diálogo Crear aplicación y haga clic en Crear.

    El campo Identificador de Aplicación se rellena automáticamente según el nombre de la aplicación que proporcione. Puede modificar el ID de la aplicación, pero debe ser único en el dominio de identidad.

La nueva aplicación visual se abre automáticamente al crearla y muestra la pantalla Explorador de artefactos y Bienvenido. La nueva aplicación no contiene ningún artefacto. Puede utilizar la pantalla de bienvenida para ayudarle a decidir los artefactos que desea crear en primer lugar. Haga clic en cualquiera de los mosaicos de la pantalla Bienvenido para abrir el panel en el Explorador de artefactos, donde puede crear y gestionar los artefactos. Puede agregar varias aplicaciones móviles y web, y todas las aplicaciones pueden acceder a los orígenes de datos que expone en la aplicación visual.

Crear una conexión de servicio desde un punto final

Puede crear una conexión desde un punto final cuando conoce el URI base de un servicio y puede proporcionar los parámetros necesarios para conectarse al servicio, como los detalles de autenticación y un ejemplo del cuerpo de la respuesta.

Para crear una conexión de servicio desde la URL de un punto final:

  1. Abra Conexiones de Servicio en el Explorador de Componentes y haga clic en Crear Conexión de Servicio ( Icono Crear Conexión de Servicio ).

    Las conexiones de servicio se gestionan y crean en el Explorador de Componentes.

  2. Haga clic en Definir por Punto Final en el panel Seleccionar Origen del asistente Crear Conexión de Servicio.
  3. Seleccione el método HTTP e introduzca la URL del punto final. Haga clic en Siguiente.
  4. En el separador Servicio, confirme que la URL base del servicio, el nombre del servicio y el ID de servicio son correctos.
    En función del punto final especificado, estos valores se pueden rellenar automáticamente.
  5. Haga clic en el separador Autenticación e introduzca los detalles de autenticación, si es necesario.
  6. Haga clic en el separador Solicitud para agregar cabeceras y parámetros de URL a la solicitud.

    Según el punto final, puede que desee agregar cabeceras personalizadas o una ruta de acceso o parámetros de consulta que se transfieren como parte de la solicitud.

  7. Haga clic en el separador Respuesta e introduzca el cuerpo de la respuesta para el punto final.

    El separador Respuesta contiene un área de texto en la que puede pegar un ejemplo del cuerpo de la respuesta. El ejemplo de la respuesta es la definición de la estructura del objeto devuelto. Si no tiene un ejemplo, puede utilizar el separador Prueba para enviar una solicitud al servicio y ver la respuesta. Puede editar el cuerpo de la respuesta en el área de texto del separador Respuesta.

  8. Haga clic en el separador Prueba para probar la solicitud y ver la respuesta del punto final.

    Haga clic en Enviar para ver el cuerpo de la respuesta y las cabeceras que se recibirán para confirmar que recibirá los datos deseados.

    Puede experimentar con los diferentes parámetros de solicitud hasta que alcance la respuesta que desee.

    Nota:

    Utilice el separador Prueba para probar el servicio y ver la respuesta a la solicitud que se enviará al punto final en función de los valores de los otros separadores. Si la respuesta devuelve un error, deberá comprobar los detalles de la conexión, por ejemplo, para asegurarse de que está utilizando las credenciales correctas o que el servicio utiliza un certificado SSL válido. Para fines de desarrollo, puede intentar activar Transmisión de Elemento para la autenticación si el servicio lo soporta.
  9. Haga clic en Copiar en Cuerpo de la Respuesta para copiar la respuesta actual en el área de texto del separador Respuesta, donde puede editarla más adelante.
  10. Haga clic en Crear cuando esté satisfecho con los parámetros de la solicitud y la respuesta.

Consejo:

Después de agregar un punto final desde el servicio, puede agregar más puntos finales desde el mismo servicio haciendo clic en + Puntos Finales en el separador Puntos Finales de la conexión y seleccionando De Servicio Original en el menú.

Crear una aplicación móvil

Cada aplicación móvil de su aplicación visual es independiente, pero todas las aplicaciones pueden utilizar los orígenes de datos definidos en la aplicación visual.

Para crear una aplicación móvil en una aplicación visual:
  1. Haga clic en Aplicaciones móviles en el Explorador de artefactos para abrir el panel Aplicaciones móviles.
    Las representaciones estructurales de cada una de las aplicaciones móviles de su aplicación visual se muestran en el panel Aplicaciones móviles.

    Si no se ha creado ninguna aplicación móvil, aparecerá un mensaje en el panel y un botón + Aplicación móvil en el que puede hacer clic para abrir el cuadro de diálogo Nueva aplicación móvil.

  2. Haga clic en Crear aplicación móvil en el explorador de artefactos.
    En la página General de la nueva aplicación móvil, proporcione el nombre de la aplicación para la aplicación móvil que va a crear. También puede seleccionar uno de los dos estilos de navegación. El estilo de navegación Barra Inferior con tres elementos de navegación está configurado por defecto. Puede modificar el número de elementos de navegación hasta el mínimo de dos o hasta el máximo de cinco. Se genera un flujo de páginas, con una página inicial, para cada elemento de navegación. Como alternativa, seleccione Ninguno si desea configurar los elementos de navegación para la aplicación móvil más adelante. Si selecciona Ninguno, se genera un flujo de páginas para la aplicación móvil.
  3. Haga clic en el icono Siguiente si desea seleccionar un diseño para la pantalla de inicio de la aplicación móvil a partir de una selección de opciones predefinidas o haga clic en Finalizar si desea configurar el diseño de la pantalla de inicio más adelante.

Oracle Visual Builder utiliza la estructura de Apache Cordova para acceder a las capacidades de los dispositivos en los que está instalada la aplicación móvil. Apache Cordova es un marco de desarrollo de varias plataformas de código abierto que permite a los desarrolladores de aplicaciones utilizar tecnologías web estándar (HTML, CSS y JavaScript) para desarrollar aplicaciones móviles.