Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Aqui será descrevido as ferramentas do menu superior chamado Dispositivos Móveis (Destaque da Figura 1)
Figura 1 - Dispositivos Móveis
- Compilar: Área responsável pela compilação do projeto, seja para IOS ou Android;
- Executar: Formas de execução para testar o projeto;
- Gerar Projeto Nativo: Área onde poderá baixar o projeto para Xcode para manipulação no ambiente de desenvolvimento integrado e software livre da Apple Inc;
- LimparWorkspace: Apaga modificações feitas no plugin do Cordova;
- Configurações: Área para configurações de compilação do projeto.
Compilar
Área responsável por compilar o projeto (Figura 2), para mais detalhes sobre compilar para Android, acesse a documentação Publicar seu projeto para Android e, para configurar e configurar para IOS, acesse a documentação Compilação Remota - IOS.
Build Android
Figura 2 - Gerando a aplicação Android no Cronapp
- No menu do sistema, acesse Dispositivos móveis > Compilar > Android.
- Janela Selecione o modo de build:
- Perfil: permite selecionar o tipo de Compilação. A opção selecionada faz referência as configurações dos dispositivos móveis.
- debug: permite exportar apenas para o tipo de pacote APK.
- release: permite exportar para os tipos de pacote APK e Bundle (
*.aab
).
- Tipo de Pacote: define a extensão do arquivo.
- URL do Servidor: exibe o endereço do servidor da aplicação, para alterar, acesse as configurações dos dispositivos móveis.
- Perfil: permite selecionar o tipo de Compilação. A opção selecionada faz referência as configurações dos dispositivos móveis.
- Aguarde alguns minutos para gerar o pacote e, em seguida, clique em Baixar para iniciar o download do conteúdo compactado no formato
*.zip
.
Build iOS
Figura 2.1 - Gerando a aplicação Android no Cronapp
- No menu do sistema, acesse Dispositivos móveis > Compilar > IOS.
- Janela Selecione o modo de build:
- Perfil: permite selecionar o tipo de Compilação. A opção selecionada faz referência as configurações dos dispositivos móveis.
- debug: permite exportar apenas para o tipo de pacote xcodeproj.
- release: clique em Publicar para ser direcionado para a funcionalidade Publicar aplicação na Apple Store ou clique em Baixar para iniciar o download de um arquivo compactado que possui o arquivo compilado
*.ipa
.
- URL do Servidor: exibe o endereço do servidor da aplicação, clique em Baixar para iniciar o download do conteúdo compactado no formato
*.zip
.
- Perfil: permite selecionar o tipo de Compilação. A opção selecionada faz referência as configurações dos dispositivos móveis.
Executar
Na área de Executar, você poderá ter duas formas de testar sua aplicação antes mesmo de compilar.
Figura 3 - Simulador
- Simulador: Utilize o simulador para testar sua aplicação mobile com uma resolução de tela de tamanho padrão para Smartphones ou Tablets.
- Cronapp Browser: Exibe uma janela com o código QR para abrir a aplicação diretamente do seu Smartphone através do aplicativo Cronapp Browser.
Simulador
Utilize o simulador para testar sua aplicação mobile com uma resolução de tela de tamanho padrão para Smartphones ou Tablets.
Image Added
Figura 2.4 - Aplicação sendo executada no simulador
- Botão que atualiza o projeto que está sendo executado dentro do simulador;
- Faz a função de rotacionar, para verificar o layout do projeto deitado ou em pé;
- Altera a visualização para celular;
- Altera a visualização para tablet;
- Diminui o zoom;
- Mostra a porcentagem do zoom;
- Aumenta o zoom.
Cronapp Browser
Para usar essa opção de teste, é necessário que você tenha o aplicativo Cronapp Browser instalado em seu Smartphone e assim que for acionado, seu projeto será baixado em seu smartphone e rodará em uma camada acima do aplicativo. O app Cronapp Browser é a melhor opção para testar, não nativamente, seu projeto mobile, pois consegue simular e usar praticamente todos os recursos do Smartphone exigidos pela aplicação.
Para instalar o aplicativo, acesse a loja virtual iOS ou Android através dos links abaixo, faça o download e instale a aplicação Cronapp Browser em seu dispositivo.
Links para o aplicativo de teste Cronapp Browser
Como usar
Abra o aplicativo Cronapp Browser instalado em seu Smartphone e clique no botão Acionar Leitura para ativar o recurso da câmera que faz a leitura do código QR gerado pelo Cronapp.
Image Added
Figura 2.5 - Tela inicial do Cronapp Browser
Com o projeto rodando, acesse no menu de sistemas Dispositivos Móveis > Executar > Cronapp Browser (destaque 6 na figura 2.2) para abrir a janela com o QRcode da sua aplicação. Aponte a câmera do smartphone para o seu monitor e efetue a leitura do QRCode gerado pela IDE.
Image Added
Figura 2.6 - Realizando a leitura do QRCode gerado pelo Cronapp através do Cronapp Browser
Após a leitura, o projeto é baixado temporariamente no smartphone e executado por cima da aplicação Cronapp Browser.
Image Added
Figura 2.7 - Aplicação Get Started executando com o Cronapp Browser
Gerar Projeto Nativo
Precisará realizar os passos da documentação Testar e publicar seu projeto para iOS (iPhone / iPad) Compilação Remota - iOS para baixar o seu projeto para Xcode, onde poderá manipular seu projeto no ambiente de desenvolvimento integrado e software livre da Apple Inc.
Figura 4 - Xcode
Limpar Workspace
Apaga as modificações feitas nos plugins do Cordova (Figura 5).
Figura 5 - Limpando Workspace
Configurações
Área destinada à configuração de compilação, dependendo como irá compilar, seja para Android ou IOS, você precisará acessar a documentação responsável para configurar a forma correta para cada um dos casos.
Figura 6 - Configurações
- Aplicativo: Configuração geral responsável para a compilação do projeto, acesse o tópico Configurações da documentação Publicar seu projeto para Android para mais detalhes;
- Android: Aqui você irá Gerar uma chave para assinar o APP. O sistema Android exige que as aplicações desenvolvidas possuam assinaturas digitais com certificados para que elas sejam instaladas ou atualizadas. Para configurar acesse o tópico Geração da chave para assinar o APP da documentação Publicar seu projeto para Android.
- IOS: Área de configuração para compilação para IOS, acesse o tópico Aba iOS na documentação Compilação Remota - IOS para mais detalhes.
Aba iOS
Na etapa de configuração para IOS vamos precisar fazer os uploads dos arquivos *.cer
e *.p12
, como indicado abaixo, para entender melhor como configurar e preencher os campos, acesse a documentação Compilação Remota iOS.
Figura 8.2 - Aba iOS
- Compilação Remota iOS: campos necessários para gerar a compilação remota.
- Code Sign Identity: esse campo deve ser configurado de acordo com a opção do campo Tipo de compilação da aba Aplicativo.
- debug: informe "iPhone Developer".
- release: informe "iPhone Distribution".
- Provisioning Profile File: selecione o arquivo
*.mobileprovision
obtido na etapa em que criamos o Provision Profile ( Figura 5.1 da documentação Compilação Remota iOS). - Development Team: esse campo será automaticamente preenchido ao fazer o upload do arquivo Provision profile e refere-se ao identificador criado junto com a conta de desenvolvimento.
- Provisioning Profile: esse campo será automaticamente preenchido ao fazer o upload do arquivo Provision profile e é o identificador do provisioning profile.
- Certificado de Distribuição: selecione o arquivo
*.p12 (
Figura 7.1 da documentação Compilação Remota iOS) . - Senha do certificado: senha criada ao gerar o arquivo
*.p12
( Figura 7.1 da documentação Compilação Remota iOS). - Servidor de Compilação: máquina virtual Apple do Cronapp. Se você possuir um servidor de compilação Apple próprio, poderá informar o endereço nesse campo.
- Code Sign Identity: esse campo deve ser configurado de acordo com a opção do campo Tipo de compilação da aba Aplicativo.
- iOS Mensagens de Privacidade: caso você tenha selecionado algum recurso durante a criação do identificador do aplicativo (Capabilities Figura 4.1 da documentação Compilação Remota iOS) será necessário adicionar uma frase informando porquê o aplicativo necessita desse recurso, para assim o usuário autorizar ou não o uso do recurso.
Caso o aplicativo utilize um recurso e não possua um texto, será rejeitado durante o processo de validação na Apple Store.
Nesta página
Índice |
---|