Arquivo

Archive for the ‘ionic’ Category

Debugando aplicativos no IOs (IPhone)

É possível debugar uma aplicação rodando no IPhone (ou no emulador) direto pelo Navegador (Safari). Para fazer isso, conecte seu dispositivo via porta USB em seu computador ou inicie o emulador. No Safari, va em Preferences, Advanced e mande exibir as opções de Desenvolvimento:

Selection_082Feito isso, caso queira debugar de seu dispositivo físico, abra o Safari e desabilite o provate Browsing e habilite o Web Inspector am advanced:

Selection_083 Selection_084Feito isso, no Safari de seu desktop, na opção Develop, você ira ver seu dispositivo e conseguir selecionar sua aplicação.

Enjoy!

Debugando aplicativos no Android

Poucas pessoas sabem, porém é possível debugar uma aplicação rodando no Android direto pelo Navegador (Chrome). Para fazer isso, conecte seu dispositivo via porta USB em seu computador, vá em Tools > Devices (ou algo assim). A janela abaixo irá abrir:

Selection_077Então, abra o aplicativo no seu celular que quer ver e clique em Inspect.

Selection_078Veja o resultado:

Selection_079Isso ajuda muito e é fácil de se fazer. Existem outras formas como utilizar o comando “adb logcat” que vem junto com a SDK do Android e esta disponível em platform-tools, porém, a mais simples e de fácil entendimento é esta que apresentei (em minha opinião).

Enjoy!

Criando um CRUD com Ionic e SQLite para IPhone e Android)

No conjunto de slides abaixo mostro um passo a passo de como criar uma aplicação móvel hibrida, que deverá rodar em Android e IPhone, utilizando o framework Ionic (Cordova, Angular, Bootstrap) e acessando um banco SQLite, e efetuará as operações de CRUD (Create, Retrieve, Update e Delete).

O código fonte encontra-se no meu GitHub.

Enjoy!

Passo a passo para a criação de uma aplicação híbrida para IPhone e Android

Criei uma apresentação com o passo a passo para a criação de uma aplicação híbrida para IPhone e Android, utilizando o framework Ionic (Angular + Cordova + Bootstrap).

Nela, iremos criar uma simples aplicação que se conecta em um feed Json do WordPress e lista os posts deste blog. Iremos testar no navegador e no Android. Eis a apresentação.

Para quem quer ver um pouco mais sobre os conceitos antes de partir para esta implementação, veja meu post anterior, que contém esta apresentação:

Apresentação sobre Desenvolvimento Móvel Híbrido

A apresentação a seguir mostra alguns conceitos sobre desenvolvimento móvel hibrido e exemplos de AngulaJS e um projeto Ionic. Vale a pena para quem quer entrar para este mundo. Enjoy!