Seja PRO! Conheça o Ionic PRO.

Wiliam Buzatto
4 min readNov 28, 2017

--

Este artigo é baseado na documentação oficial do Ionic Framework, e na experiência de uso, mostrando possíveis erros de quem esteja iniciando com Ionic Pro. Contém traduções livres de algumas definições.

Introdução

O Ionic Pro é um poderoso conjunto de serviços e recursos criados trazendo um nível totalmente novo de agilidade de desenvolvimento de aplicativos para equipes de desenvolvimento de dispositivos móveis.

O Ionic Pro possui vários serviços principais que o ajudam no ciclo de vida completo do aplicativo, incluindo:

· Deploy: Atualize seu aplicativo remotamente em tempo real, sem passar pelo loja
· View: Teste seu aplicativo e receba feedback de forma fácil e rápida
· Package: Faça o build de seu aplicativo na nuvem, para iOS e android
· Minitoring: Rastreie erros de tempo de execução em produção.

Cada um desses serviços é baseado em um fluxo de trabalho simples baseado em Git que deve ser familiar para qualquer desenvolvedor de aplicativos.

Vamos começar

Partirei do principio que você possui um aplicativo/projeto , e agora quer utilizar o Ionic Pro.

1- Crie um conta no site do Ionic Framework:

https://dashboard.ionicjs.com/signup

Após realizar o login, crie um novo app no painel inicial:

Tela paracriação de novo App no Ionic Pro

Com o app criado, você verá um passo a passo para enviar seu projeto, e não deve ser difícil de seguir esses passos, porém para quem nunca fez antes, há boas chances de encontrar dificuldades.
Você verá um código do seu app recém criado, ele será importante a seguir.

2 - Enviando o app com Git Bash

Utilizando o Git Bash: https://git-scm.com/ abra um terminal no diretório de seu app existente.
Execute o comando:

ionic link — pro-id xxxxxxxx

Onde xxxxxxxx é o seu código descrito acima.

Neste momento você pode ser perguntado por seu login no Ionic

login com sua conta Ionic

Forneça seu e-mail, em seguida a senha, pressione enter.

Agora, ele perguntará como você gostaria de se conectar no Ionic PRO:

Como você prefere se conectar no Ionic PRO

Com as setas do teclado, você pode selecionar uma das 4 opções. Para seguir este artigo, vamos selecionar a primeira opção, para que nossa chave SSH seja gerada automaticamente para o Ionic Pro. Basta pressionar enter.

Em seguida, você deve permitir a alteração no arquivo config, escreva Y e pressione enter:

Permitir edição do arquivo .ssh/config

Agora você será perguntado por uma frase passe, é opcional e pode deixa em branco, pressionando enter.

Fornecer frase passe (opcional, pressione enter)

Novamente, permita as alterações no arquivo .ssh/config. Escreva Y e pressione enter.

Permitir alterações no arquivo .ssh/config

Pronto! seu app está com o link configurado. Neste momento você visualizou que foi tudo criado corretamente .

Agora, você pode executar os comando git a seguir:

git add .
git commit -m “Primeiro envio”
git push ionic master

Adicionamos os arquivos, realizamos o commit, e por fim enviamos para a nosso Ionic Pro.

o Ionic Pro não deve ser utilizado como substituto por seu serviço de gerenciamento de código padrão, como GitHub ou VSTS.

Com o aplicativo do Ionic View, efetue login na sua conta, e você verá a lista dos seus aplicativo. Clique neles para visualizar diretamente no seu dispositivo.

Ionic View

Download para Android do Ionic View:

Lembre-se de a cada alteração que você quiser visualizar no seu dispositivo, agora basta enviar com os comandos Git para o Ionic Pro, e atualizar no Ionic View.

É produtivo utilizar o Ionic Pro, você pode passar o código do seu app para pessoas testarem até mesmo no iPhone.

Alguma dúvida, deixe seu comentário abaixo, terei o maior prazer em responder.

Muito obrigado!

Referências

--

--

Wiliam Buzatto
Wiliam Buzatto

No responses yet