Guia de Introdução

improve this page | report issue

Visão Geral

Ative o Digital App Builder a partir de:

  • No MacOS, clique duas vezes no ícone do IBM Digital App Builder para abrir o Digital App Builder.
  • No Windows, ative o Digital App Builder selecionando Iniciar > Programas > IBM Digital App Builder.

Nota: Se o Digital App Builder for aberto pela primeira vez, Aceite a Licença para usar o IBM Digital App Builder na tela flash para avançar. Depois de aceitar o contrato de licença, a Verificação de Pré-requisitos é executada automaticamente pela primeira vez. Clique em OK para continuar, se nenhum erro for localizado, caso contrário, corrija os erros e, em seguida, reinicie o Digital App Builder.

IBM Digital App Builder

Criar novo aplicativo ou Abrir um aplicativo ou usar os modelos disponíveis para melhorar a construção do aplicativo.

Nota: Os aplicativos criados recentemente serão exibidos na seção Recente. Para uma nova instalação, a seção Recente não será exibida.

Criar novo aplicativo

Nota: criar novo aplicativo em dois modos: modo de Design - ajuda a projetar o aplicativo pelo método arrastar e soltar e modo de Código - ajuda a projetar o aplicativo no modo de editor de código.

A criação de um novo aplicativo suporta duas estruturas, Ionic/Angular e React Native.

Siga as etapas abaixo para criar um aplicativo.

  1. Escolha a estrutura para o seu aplicativo.

    Escolha a estrutura

    Para qualquer uma das estruturas suportadas, é possível escolher as plataformas de destino na etapa subsequente. Plataformas adicionais podem ser incluídas no projeto em um momento posterior por meio das configurações.

    Nota: projetos construídos usando a estrutura Ionic podem ser escolhidos para trabalhar no modo Design ou Código. No entanto, projetos construídos usando a estrutura React Native funcionarão apenas no modo Código.

  2. Clique no ícone Criar novo aplicativo do painel Builder. Isso exibirá a janela Selecionar Canal.

    Selecionar Canal

  3. Selecione o canal para o qual você deseja desenvolver o aplicativo, clicando no respectivo ícone. Posteriormente, é possível incluir mais canais no mesmo aplicativo.

    • Android: selecione essa opção se você estiver criando um aplicativo Android.
    • iOS: selecione essa opção se você estiver criando um aplicativo iOS.

      Nota: é possível construir e executar os aplicativos iOS somente no MacOS.

    • Web: selecione essa opção se você estiver criando o aplicativo para a Web.
    • PWA: selecione essa opção se você estiver criando um Progressive Web App.
  4. Quando o servidor de desenvolvimento integrado estiver funcionando, os detalhes do servidor serão buscados automaticamente. Caso o servidor de desenvolvimento não esteja em execução, será possível conectar-se à sua própria instância do servidor IBM Mobile Foundation criada no IBM Cloud ou local.

    Na janela Configurar instância do IBM Mobile Foundation, é possível selecionar um servidor existente ou criar um novo servidor.

    Nota: para obter uma instância do Mobile Foundation Server facilmente, basta provisioná-la no IBM Cloud. É possível consultar a documentação sobre como provisionar e usar o Mobile Foundation Server no IBM Cloud aqui.

    Configurar instância do IBM Mobile Foundation

    A janela Configurar instância do IBM Mobile Foundation exibe a lista de instâncias do servidor Mobile Foundation definidas anteriormente. Ao selecionar o servidor, são exibidos a URL do servidor, o Nome do usuário Admin e a senha Admin. Para definir um novo servidor, é possível clicar no link Criar novo servidor. Isso exibirá a nova janela Configurar instância do IBM Mobile Foundation.

    Criar novo servidor

    • Insira os novos detalhes da instância do IBM Mobile Foundation, como Nome do servidor, URL do servidor, Nome do usuário administrativo, Senha do administrador.

      Nota: é possível obter a URL do servidor e as credenciais de login no painel do servidor Mobile Foundation para a instância do servidor selecionada.

    • Opcionalmente, forneça um Nome do usuário (nome do usuário do cliente confidencial) e uma Senha do administrador, para visualizar os dados no visualizador de dados.
    • Clique em Conectar.
  5. Ao efetuar login/conectar-se com êxito, a janela Criar aplicativo é exibida, na qual é possível selecionar uma definição de aplicativo existente que você possa ter criado ou criar uma nova, inserindo os detalhes.

    • Para um novo aplicativo:
      • Forneça o Nome do aplicativo, o Local em que os arquivos de projeto serão armazenados, o ID do Projeto/Pacote configurável e a Versão do aplicativo.

        Shared Playground Server

      • Clique em Criar para criar o aplicativo. Isso exibe as janelas Modo de seleção.

        Modo de seleção

      • Selecione o modo de Design ou de Código e clique em Introdução.
        • Modo de Design - Permite criar o aplicativo arrastando e soltando controles em uma tela.
        • Modo de Código - Permite criar o aplicativo gravando código ou usando os Fragmentos de código.
      • Se você selecionou o modo de Design, clicar em Introdução exibe a tela pop-up Bem-vindo ao Ambiente de trabalho. Welcome to workbench
      • Clique em Vamos iniciar para exibir a área de trabalho do Digital App Builder para criar um novo aplicativo no modo de Design.

        Área de trabalho do DAB

      • Se você selecionou o modo de Código, clicar em Introdução exibe a área de trabalho do Digital App Builder para criar um novo aplicativo no modo de Código.

        Área de trabalho do DAB

Abrir um aplicativo existente

Nota: é possível abrir um aplicativo existente desenvolvido usando o Digital App Builder apenas. Por padrão, o aplicativo é aberto no modo de design.

É possível abrir um aplicativo existente de uma das maneiras a seguir:

  • Clicar em Abrir um aplicativo na página inicial abre o explorador de arquivos. Navegue para a pasta do projeto do aplicativo e clique em OKpara abrir o aplicativo para edições adicionais.
  • Opcionalmente, é possível abrir o aplicativo a partir da lista de aplicativos recentes, se listados, clicando duas vezes no nome do aplicativo.

    Nota: Se você selecionou um projeto existente desenvolvido usando o modo de design, ele será aberto no modo de design. Se você tiver o projeto desenvolvido no modo de código, o projeto será aberto no modo de código.

  • Selecione um aplicativo existente e especifique o Local em que os arquivos de projeto serão armazenados, o ID do Projeto/Pacote configurável e a Versão do aplicativo.
  • Clique em Abrir. Isso exibe as janelas Modo de seleção.

    Modo de seleção

  • Selecione o modo de Design ou de Código e clique em Introdução.
    • Modo de Design - Permite criar o aplicativo arrastando e soltando controles em uma tela.
    • Modo de Código - Permite criar o aplicativo gravando código ou usando os Fragmentos de código.
  • Se você selecionou o modo de Design, clicar em Introdução exibe a área de trabalho do Digital App Builder para atualizar um aplicativo existente.

    Área de trabalho do DAB

  • Se você selecionou o modo de Código, clicar em Introdução exibe a área de trabalho do Digital App Builder para atualizar um aplicativo existente.

    Área de trabalho do DAB

Last modified on June 29, 2020