sexta-feira, 25 de dezembro de 2015

Desenvolvendo apps usando o ionic - Anotações

Pessoal,

Vou compartilhar com vocês minhas anotações fazendo um hello world app usando o ionic e simulando usando o ionic view. ok?

1) Instale o ambiente conforme http://ionicframework.com/getting-started/


2) Digite as linhas de comando abaixo

#cria uma nova app
  ionic start myApp sidemenu

# adiciona suporte para as plataformas ios e android
  ionic platform add ios android

#realiza os builds compativeis com cada plataforma
  ionic build ios
  ionic build android

#realiza o login no ionic
  ionic login

#faz upload da app no ionicview
  ionic upload

#baixe o app ionic view

Outros comandos:


 * Simulate your app: ionic emulate

 * Run your app on a device: ionic run


 * Package an app using Ionic package service: ionic package

Configurando o sdk android
android-sdk_r24.4.1-macosx.zip

export ANDROID_HOME=˜/Documents/workspace-dev/ionic-test/android-sdk-macosx

export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

run android 

ionic emulate android

chrome://inspect/#devices

select some packages


  1. Open the Tools directory and select:
    • Android SDK Tools
    • Android SDK Platform-tools
    • Android SDK Build-tools (highest version)
  2. Open the first Android X.X folder (the latest version) and select:
    • SDK Platform
    • A system image for the emulator, such as
      ARM EABI v7a System Image

Alguns tutoriais interessantes
https://blog.nraboy.com/2015/01/upload-files-remote-server-using-ionic-framework/
http://sourcefreeze.com/cordova-camera-plugin-example-using-ionic-framework/
http://code.tutsplus.com/pt/tutorials/create-a-mobile-application-using-wordpress-ionic-and-angularjs--cms-24170
http://ngcordova.com/docs/plugins/camera/
https://github.com/BharathiD/ionic-framework-tutorials
http://www.remkohde.com/2014/02/11/cordova-submit-multipart-form-with-additional-parameters/

Deixe suas dicas nos comentários. ;)