Criar um Aplicativo Front-End Usando o Oracle Visual Builder

O Oracle Visual Builder suporta todos os estágios do workflow de desenvolvimento, desde a criação até a preparação e publicação de uma aplicação.

Você não precisa seguir uma ordem específica no Oracle Visual Builder para criar os artefatos em seu aplicativo e definir os blocos de criação. A maneira como você continua é uma preferência pessoal e determinada pela maneira como você planejou seu aplicativo.

Você pode criar rapidamente suas telas do aplicativo no Oracle Visual Builder criando um aplicativo visual.

Crie um Aplicativo Visual

Um aplicativo visual é um conjunto de recursos que você usa para desenvolver aplicativos web e móveis. Um aplicativo visual inclui metadados em arquivos JSON que descrevem origens de dados e objetos de negócios e inclui os arquivos HTML e JavaScript do aplicativo web. Alguns recursos são criados por padrão quando você cria um aplicativo visual.

Para criar um aplicativo visual:
  1. Selecione Aplicações Visuais no menu da Home page se você não estiver na home page Aplicações Visuais.

    Para criar aplicativos visuais, é preciso primeiro abrir a home page do Visual Applications.

  2. Clique em Novo na home page Aplicativos Visuais.
  3. Insira o nome do aplicativo na caixa de diálogo Criar Aplicativo e clique em Criar.

    O campo ID do Aplicativo é preenchido automaticamente com base no nome do aplicativo fornecido. Você pode modificar o ID do aplicativo, mas ele deve ser exclusivo em seu domínio de identidades.

Seu novo aplicativo visual é aberto automaticamente quando você o cria e exibe a tela Browser de Artefato e Bem-vindo. Seu novo aplicativo não contém artefatos. Você pode usar a tela de Boas-vindas para ajudar a decidir quais artefatos deseja criar primeiro. Clique em qualquer um dos blocos na tela de Boas-vindas para abrir o painel no Browser de Artefato, onde você pode criar e gerenciar os artefatos. Você pode adicionar vários aplicativos móveis e web, e todos os aplicativos podem acessar as origens de dados que você expõe em sua aplicação visual.

Criar uma Conexão de Serviço de um Ponto Final

Você cria uma conexão de um ponto final quando sabe o URI base de um serviço e pode fornecer os parâmetros necessários para se conectar ao serviço, como os detalhes da autenticação e um exemplo do corpo da resposta.

Para criar uma conexão de serviço a partir do URL de um ponto final:

  1. Abra Conexões de Serviço no Browser de Artefato e clique em Criar Conexão de Serviço ( Ícone Criar Conexão de Serviço ).

    Você gerencia e cria as conexões de serviço no Browser de Artefato.

  2. Clique em Definir por Ponto Final no painel Selecionar Origem do assistente Criar Conexão de Serviço.
  3. Selecione o método HTTP e informe o URL do ponto final. Clique em Próximo.
  4. Na guia Serviço, confirme se o URL base do serviço, o nome do serviço e o ID do serviço estão corretos.
    Dependendo do ponto final especificado, esses valores poderão ser preenchidos automaticamente para você.
  5. Clique na guia Autenticação e informe os detalhes da autenticação, se necessário.
  6. Clique na guia Solicitação para adicionar cabeçalhos e parâmetros de URL à solicitação.

    Dependendo do ponto final, você pode adicionar cabeçalhos personalizados, um caminho ou parâmetros de consulta que são passados como parte da solicitação.

  7. Clique na guia Resposta e informe o corpo da resposta para o ponto final.

    A guia Resposta contém uma área de texto em que é possível colar um exemplo do corpo da resposta. O exemplo na resposta é a definição da estrutura do objeto retornado. Se você não tiver um exemplo, poderá usar a guia Testar para enviar uma solicitação ao serviço e exibir a resposta. É possível editar o corpo da resposta na área de texto na guia Resposta.

  8. Clique na guia Teste para testar sua solicitação e exibir a resposta do ponto final.

    Clique em Enviar para exibir o corpo de resposta e os cabeçalhos que serão recebidos, para confirmar que você receberá os dados desejados.

    Você pode experimentar os diferentes parâmetros de solicitação até atingir a resposta desejada.

    Observação:

    Use a guia Testar para testar o serviço e exibir a resposta à solicitação que será enviada ao ponto final com base nas definições das outras guias. Se sua resposta retornar um erro, você precisará verificar os detalhes da sua conexão, por exemplo, para garantir que esteja usando as credenciais corretas ou que o serviço use um certificado SSL válido. Para fins de desenvolvimento, você pode tentar ativar o Relay de Token para autenticação se o serviço suportá-lo.
  9. Clique em Copiar para Corpo da Resposta para copiar a resposta atual para a área de texto na guia Resposta, na qual você poderá editá-la posteriormente.
  10. Clique em Criar quando estiver satisfeito com os parâmetros de sua solicitação e a resposta.

Dica:

Após adicionar um ponto final do serviço, você pode adicionar mais pontos finais do mesmo serviço clicando em + Pontos Finais na guia Pontos Finais da conexão e escolhendo Do Serviço Original no menu.

Criar um Aplicativo Móvel

Cada aplicativo móvel do seu aplicativo visual é independente, mas todos os aplicativos podem usar as origens de dados definidas no aplicativo visual.

Para criar um aplicativo móvel em um aplicativo visual:
  1. Clique em Aplicativos Móveis no Browser de Artefato para abrir o painel Aplicativos Móveis.
    Representações estruturais de cada uma das aplicações móveis na sua aplicação visual são exibidas no painel Aplicativos Móveis.

    Se nenhuma aplicação móvel tiver sido criada, você verá uma mensagem no painel e um botão + Aplicação Móvel no qual você pode clicar para abrir a caixa de diálogo Nova Aplicação Móvel.

  2. Clique em Criar Aplicativo Móvel no Browser de Artefatos.
    Na página Geral da Nova Aplicação Móvel, forneça o nome da aplicação móvel que você está prestes a criar. Você também pode escolher entre um de dois estilos de navegação. O estilo de navegação Barra Inferior com três itens de navegação é configurado por padrão. Você pode modificar o número de itens de navegação até o mínimo de dois ou até o máximo de cinco. Um fluxo de página, com uma página inicial, é gerado para cada item de navegação. Como alternativa, selecione Nenhum se quiser configurar os itens de navegação para seu aplicativo móvel posteriormente. Se você selecionar Nenhum, um fluxo de páginas será gerado para o aplicativo móvel.
  3. Clique no ícone Próximo se quiser escolher um layout para a tela Inicial do aplicativo móvel em uma seleção de opções predefinidas ou clique em Finalizar se quiser configurar o layout da tela Inicial posteriormente.

O Oracle Visual Builder usa o framework Apache Cordova para acessar os recursos dos dispositivos em que a aplicação móvel está instalada. O Apache Cordova é uma estrutura de desenvolvimento de plataforma cruzada de código-fonte aberto que permite aos desenvolvedores de aplicativos utilizar tecnologias Web padrão (HTML, CSS e JavaScript) para desenvolver aplicativos móveis.