Oracle Visual Builder

O Oracle Visual Builder é um ambiente hospedado para sua infraestrutura de desenvolvimento de aplicativos. Ele fornece uma solução de código-fonte aberto baseada em padrões para desenvolvimento, colaboração e implantação de aplicativos no Oracle Cloud.

Etapas Iniciais

Antes de usar o Oracle Visual Builder, ele deve ser ativado e configurado. O administrador do serviço ativa a funcionalidade para seu serviço, inclusive adicionando o nome do host onde os aplicativos são criados e armazenados. Consulte Integrar com o Oracle Visual Builder em Integrating and Extending Oracle Content Management. A integração entre os dois serviços requer SSO. Portanto, ambos os serviços devem estar no mesmo domínio de identidades.

No Oracle Visual Builder, faça o seguinte para que essa funcionalidade possa ser usada com o Oracle Content Management:

  • O CORS (Cross-Origin Resource Sharing) deve ser ativado no site do Oracle Visual Cloud Service.

  • Os aplicativos devem ser criados, disponibilizados para incorporação e configurados para uso com o Oracle Content Management.

  • Os aplicativos Web devem ser criados e disponibilizados para incorporação em um frame. O Sites SDK deve ser importado e referenciado nos aplicativos Web. Um parâmetro de URL de página chamado "id" deve ser adicionado aos novos aplicativos Web.

Criar Componentes do Oracle Visual Builder

Após ativar a integração, criar aplicativos e aplicativos Web e aprontá-los para uso, você deverá criar um novo componente para cada aplicativo que quiser adicionar às páginas do seu site.

  1. No Oracle Visual Builder, obtenha o URL do aplicativo web publicado. Clique no projeto ativo que inclui o aplicativo web e, em seguida, clique no aplicativo web. Copie o URL da barra de endereço.

  2. No Oracle Content Management, clique em Desenvolvedor e depois em Exibir Todos os Componentes. Quaisquer componentes e layouts remotos registrados são exibidos.

  3. Clique em Criar e escolha Criar Componente do Visual Builder.

  4. Informe um nome para o componente. Você não pode usar o nome de outro componente ou layout.

    Você pode usar letras, números, sublinhados (_) e hifens (-). Se você digitar um espaço, ele será automaticamente substituído por um sublinhado.

    Não use os seguintes nomes para modelos, temas, componentes, sites ou páginas de sites: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. Embora você possa usar os seguintes nomes para as páginas do site, não os use para modelos, temas, componentes ou sites: documents, sites.

  5. Como opção, digite uma descrição para o componente.

  6. Cole o URL no aplicativo web ativo ou no aplicativo clássico ativo.

  7. Clique em Criar. Quando o componente for criado, o nome aparecerá na lista de componentes. Você pode explorar as pastas e arquivos que formam o componente ou layout, clicando no respectivo nome na lista.

  8. Para selecionar um ícone diferente do ícone padrão designado ao componente:

    1. Selecione o componente na lista.

    2. Clique em Propriedades

    3. Clique na guia Logotipo do Componente.

    4. Clique em um logotipo da galeria de logotipos e, em seguida, clique em Concluído.

Adicionando o Componente a uma Página do Site

Agora você pode adicionar o componente do aplicativo a uma das suas páginas do site. Você pode adicionar o componente a uma página pública ou segura.

  1. Navegue até a página que deseja editar e verifique se Controle de edição está definido como Editar.

  2. Adicione o componente à página. O componente aparece na seção Personalizado.

  3. Para editar o componente e sua aparência, clique em seu ícone de menu Ícone Menu do Componente e escolha Definições. Você pode ajustar o label do componente, sua aparência, tamanho e alinhamento. Use a guia Estilo para usar o estilo padrão associado ao componente do host do Oracle Visual Builder. Para um estilo mais avançado, edite ou adicione classes de estilo nos arquivosdesign.css na pasta de designs de temas do modelo de site atual. O prefixo de classe de estilo é scs-component.

Você pode ver o componente no modo de visualização ao editar seu site. Após a publicação do seu site, os visitantes verão o aplicativo do Oracle Visual Builder escolhido para uso com esse componente, em execução em um iFrame na página.