Configure seu Cloud Service Adobe PhoneGap Build

OBSERVAÇÃO

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

O PhoneGap Build mosaico no painel de aplicativos fornece a capacidade de criar e distribuir seu aplicativo móvel PhoneGap pelo Adobe PhoneGap Build Service.

Todas as plataformas compatíveis definidas no bloco Gerenciar aplicativo serão construídas com PhoneGap Build ao enviar uma compilação remota com o bloco PhoneGap Build.

Você pode enviar uma compilação remota para https://build.phonegap.com ou baixar a fonte para criar localmente com CLI PhoneGap.

PhoneGap Build

Configuração do Cloud Service

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

Se você não tiver uma conta no momento, navegue até https://build.phonegap.com e inscreva-se! Se você tiver uma associação ao Adobe Creative Cloud, poderá ter suporte para até 25 aplicativos privados (aplicativos de origem não abertos).

Depois de verificar se sua conta de PhoneGap Build está ativa, navegue até o console de gerenciamento da AEM Cloud, especificamente o Cloud Service de PhoneGap Build (http://localhost:4502/etc/cloudservices/phonegap-build.html).

Use o bloco Gerenciar Cloud Services para configurar uma nova configuração de serviço em nuvem.

Usando o bloco Gerenciar Cloud Services

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

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

  1. Clique no canto superior direito do bloco Gerenciar Cloud Services.

    chlimage_1-61

  2. Escolha a opção PhoneGap Build na tela Adicionar ou Editar Cloud Service.

    Clique em Avançar.

    chlimage_1-62

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

    Depois de verificado, clique em Enviar. Essa configuração de nuvem configurada agora é exibida no bloco Gerenciar Cloud Services.

    chlimage_1-63

Criação do aplicativo com o PhoneGap Build

Depois de configurar os serviços em nuvem, você pode criar seu aplicativo com o bloco PhoneGap Build. Clique no canto superior direito para escolher entre as opções Build Remote ou Download Source.

chlimage_1-64

Para invocar uma compilação remota com o Adobe PhoneGap Build, clique em Construir remoto.

OBSERVAÇÃO

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

Criação de seu aplicativo com o PhoneGap CLI

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

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

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

  1. Plataforma SDK (iOS, Android, WindowsPhone, …) e,
  2. CLI 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

adicione —emule ao final desta linha se você não quiser executá-la em seu dispositivo conectado.

Depois de verificar se o procedimento acima funciona, use o bloco PhoneGap Build para Baixar fonte. Salve e descompacte o arquivo no sistema local. Uma vez 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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free