Configurar o Cloud Service Adobe PhoneGap Build

OBSERVAÇÃO

A Adobe recomenda o uso do Editor SPA para projetos que exigem renderização no lado do cliente baseada em estrutura de aplicativo de página única (por exemplo, React). Saiba mais.

A variável Mosaico de PhoneGap Build no painel de aplicativos fornece a capacidade de criar e distribuir seu aplicativo para dispositivos móveis PhoneGap por meio do Serviço Adobe PhoneGap Build.

Todas as plataformas compatíveis definidas no Gerenciar aplicativo bloco será construído com PhoneGap Build ao enviar um build remoto com o PhoneGap Build Lado a lado.

Você pode enviar uma build remota para https://build.phonegap.com ou baixe a origem para criar localmente com CLI do PhoneGap.

Mosaico de PhoneGap Build

Configuração do Cloud Service

Para aproveitar o PhoneGap Build, é necessário configurar o Cloud Service de PhoneGap Build AEM com as informações da conta de PhoneGap Build.

Se você não tiver uma conta no momento, acesse https://build.phonegap.com e cadastre-se! Se você tiver uma associação do Adobe Creative Cloud, poderá ter suporte para até 25 aplicativos privados (aplicativos de código não aberto).

Depois de verificar se a conta do PhoneGap Build está ativa, navegue até o Console de Gerenciamento da Nuvem AEM, especificamente o Cloud Service do PhoneGap Build http://localhost:4502/etc/cloudservices/phonegap-build.html).

Use o Gerenciar Cloud Services mosaico para definir uma nova configuração do cloud service.

Utilização do bloco Gerenciar Cloud Services

Antes de começar a criar seu aplicativo usando PhoneGap Build bloco, você deve configurar os serviços em nuvem, usando o Gerenciar Cloud Services no painel do AEM Mobile.

Para configurar os serviços em nuvem para seu aplicativo, siga as etapas abaixo:

  1. Clique em no canto superior direito da Gerenciar Cloud Services bloco.

    chlimage_1-61

  2. Escolher PhoneGap Build opção no Adicionar ou editar Cloud Service tela.

    Clique em Avançar.

    chlimage_1-62

  3. Insira suas credenciais para criar uma nova configuração na nuvem.

    Depois de verificar, clique em Enviar. Essa configuração de nuvem definida agora é exibida na variável Gerenciar Cloud Services bloco.

    chlimage_1-63

Criando seu aplicativo com o PhoneGap Build

Após configurar os serviços em nuvem, você pode criar seu aplicativo com PhoneGap Build bloco. Clique em no canto superior direito para escolher entre as Criar remotamente ou Origem do download opções.

chlimage_1-64

Para invocar uma build remota com o Adobe PhoneGap Build, clique em Criar remotamente.

OBSERVAÇÃO

Se a build falhar por qualquer motivo (o ícone vermelho do iOS abaixo indica que a plataforma falhou), você pode passar o mouse sobre o ícone para receber a mensagem de erro. Como alternativa, você pode clicar no ponto triplo, '…' na parte inferior do bloco para navegar diretamente para https://build.phonegap.com (você deve se autenticar) e observar e gerenciar sua criação diretamente.

Criando seu aplicativo com a CLI do PhoneGap

O PhoneGap fornece uma interface de linha de comando para criar o aplicativo localmente.

Compile o aplicativo PhoneGap no computador usando a CLI (Command Line Interface, interface de linha de comando) do PhoneGap. Para incluir o conteúdo AEM no aplicativo, o AEM cria um arquivo ZIP que contém o conteúdo do aplicativo móvel, as configurações de sincronização de conteúdo e outros ativos necessários. Baixe o arquivo ZIP e inclua-o na sua versão.

Para aproveitar a interface de linha de comando do PhoneGap, será necessário configurar o ambiente local para incluir:

  1. SDK da plataforma (iOS, Android, Windows Phone …) e
  2. CLI do PhoneGap

Você pode ler mais aqui.

Depois de instalar os pré-requisitos, faça um teste simples criando um aplicativo simples e executando-o no simulador ou melhor ainda no dispositivo, a partir de uma tentativa de terminal:

phonegap create myApp
cd myApp
phonegap run ios (or android, ...)
OBSERVAÇÃO

adicionar — emula no final desta linha se você não quiser executá-la em seu dispositivo conectado.

Depois de verificar se o procedimento acima funciona, use o PhoneGap Build Lado a lado Origem do download. Salve e descompacte o arquivo em seu sistema local. Depois que isso for feito:

  • navegar até o arquivo salvo (pasta)
  • executar 'phonegap run ios' (ou android, etc.)

Recursos adicionais

Para saber mais sobre as funções e responsabilidades de um Autor e Desenvolvedor, consulte os recursos abaixo:

Nesta página