O documento descreve como construir aplicativos móveis híbridos usando o framework Ionic. Ele explica o que é o Ionic, como instalá-lo no Visual Studio ou no prompt de comando, como iniciar um novo projeto neles, e como testar o aplicativo no navegador, emulador ou diretamente no celular.
3. O Que é o Ionic?
Ionic é um framework JavaScript para confecção
de Aplicativos em webview.
Híbrido, sendo que o mesmo código serve para
todos os dispositivos.
Tem acesso ao hardware através do cordova.
4. Como se Instala o Ionic?
Para Instalar o Ionic no Visual Studio, devemos
instalar uma extensão que insere os templates e
modifica o intelisense para que possamos usar.
No prompt de comando instalamos o node.js, para
usar o gerenciador de pacotes NPM e rodamos o
comando npm install –g cordova ionic
5. Iniciando no VS
Ao Abrir o Visual Studio Basta selecionar novo
projeto que ele aparecerá entre as opções
6. Iniciando no Prompt
No prompt, devemos criar a estrutura de pastas e
entrar nelas para só então rodar o comando:
Ionic Start
Se abrirá um menu que guiará para os passos
seguintes
7. Testando no VS
No Visual Studio, basta que se clique no botão:
Simular no Navegador
Porém, antes de rodar a primeira vez será pedido
que se instale uma extensão
8. Testando no prompt
No prompt de comando basta apenas que depois de
entrar no projeto do App rodemos o comando:
Ionic serve
E pro caso de testar já no tamanho aproximado da
tela do celular:
ionic serve --lab
9. Testando no Celular
Para se testar no celular temos que instalar um app próprio
chamado Ionic View, criar uma conta, logar no no app e no
prompt de comando rodar o comando
Ionic Upload
Isso já fara com que o app do celular possa recuperar o
projeto e testar