Curso de Cria§£o de Apps M³veis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

download Curso de Cria§£o de Apps M³veis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

of 81

  • date post

    02-Jun-2018
  • Category

    Documents

  • view

    217
  • download

    0

Embed Size (px)

Transcript of Curso de Cria§£o de Apps M³veis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    1/81

    Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit desobrevivncia

    Se alguma coisa puder dar errado, dar! Ento, para solucionar possveis problemas, temos esse

    "Kit de sobrevivncia", com algumas dicas para os problemas mais comuns com a plataforma

    Phoneap ordova#

    Kit de primeiros socorros da plataforma Android

    Cleuton Sampaio

    $ comunica%o do $ndroid S&K com o dispositivo $ndroid 'ou o emulador(, ) comple*a e depende

    de vrios componentes para poder funcionar corretamente#

    +uita coisa pode acontecer, e vou tentar mostrar a vocs como se safar de alguns desses sufocos-#

    Android !"K Mana#er. programa $ndroid S&K +anager gerencia as plataformas e ferramentas $ndroid instaladas em

    seu perfil de conta, na sua esta%o de trabalho#

    $ instala%o das plataformas e ferramentas do $ndroid S&K ) feita por PE/012! Ento, casa

    usurio 3ue se loga na esta%o de trabalho, deve reali4ar o procedimento de instala%o#

    Procure colocar no 5P$67 'ou 8P$678( a locali4a%o das pastas9 :android;sd

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    2/81

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    3/81

    (mulatorGoc pode subir uma instFncia do Emulador $ndroid usando o programa emulator- 'dentro de

    tools-, na pasta do Android !"K(#

    2an%ar o emulador atrav)s da linha de comando, nos permite controlar melhor suas op%>es, e podeser a Hnica maneira, caso voc venha enfrentando problemas para inici;lo do Eclipse ou do S&K

    +anager#

    Eis as op%>es da linha de comando9

    emulator -avd [- []] ... [-]

    ;avd :avdIname=-9 . nome do emulador 3ue voc criouA

    $lgumas op%>es especiais ';:option=(9

    ;shell-9 $bre o emulador e cria uma console 'shell( com root no mesmo terminalA

    ;scale :fator=-9 Permite escalar a Janela do emulador 'valor de a L(A

    ;force;LMbit-9 1nicia o emulador na verso de LM bits#

    (rro )(**+*, .-bit /inu0 Android emulator binaries are "(P*(CA1("2,

    Se voc estiver rodando o $ndroid S&K em um sistema operacional de LM Cits, provavelmente

    receber essa mensagem# 1sso 3uer di4er 3ue o emulador roda melhor em ambiente de NO Cits# Goc

    pode for%ar o emulador a rodar em LM Cits usando a op%o -3orce-.bit- ao iniciar o emuladorcom o programa emulator-#

    http://3.bp.blogspot.com/-V8_0mDFVUco/VEUsDjZO_pI/AAAAAAAAD1A/vYImOukfrRo/s1600/f03-avd.png
  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    4/81

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    5/81

    Verificando os dispositivos AndroidPodemos verificar 3uais dispositivos $ndroid esto conectados com o comando9 adb devices-# Por

    e*emplo, vamos supor 3ue eu tenha um emulador rodando e um dispositivo $ndroid conectado via

    QSC, logo, o comando adb devices- deve mostrar algo assim9

    $ adb devices

    List of devices attached

    4dfd!"c#d4cf device

    emulator-"""4 device

    Eu tenho um dispositivo $ndroid, cuJo id- )9 OdfUdLTcVdOUcfNU, e um emulador, rodando na porta

    TTTO 'cada instFncia de emulador usa uma porta diferente, come%ando de TTTO(#

    Problemas,1) Tenho um emulador rodando, mas ele no aparece no Eclipse e nem no ADB Devices!

    . problema a3ui pode ser com o Servidor $&C# este caso, abra um 6erminal, pare e reinicie o

    Servidor $&C# 1sso resolve em W8 dos casos9

    adb

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    6/81

    $o conectar o dispositivo, abra as op%>es de desenvolvedor dele 'no menu de configura%>es do seu

    $ndroid(, e permita &epura%o QSC-#

    3) Tenho um dispositivo rodando, mas ele aparece como unauthoried"!

    Em certos casos, voc poder ter essa resposta do adb devices-9List of devices attached

    4dfd!"c#d4cf unauthorized

    emulator-"""4 offline

    1sso significa 3ue o dispositivo no est permitindo a depura%o QSC, necessria para e*ecutar

    programas do Eclipse nele# este caso, tente9V# o dispositivo, abra o menu configura%>es- e procure &esenvolvedor-# +ar3ue a op%o

    &epura%o de QSC-, e d permisso 'devem abrir duas Janelas perguntando isso(A

    M# Se a op%o J estava marcada, tente desmarc;la e marc;la novamenteA

    L# Pare e inicie o Servidor $&C#

    Se nada disso funcionar, tente usar o protocolo +6P9 +edia 6ransfer Protocol em seu tablet

    smartphone9

    Para isto, ) necessrio 3ue o seu P esteJa configurado para trabalhar com dispositivos +6P# o

    caso do Qbuntu, ) necessrio 3ue o pacote mtpfs- esteJa instalado#

    (clipseo eclipse, alguns problemas podem acontecer9

    http://4.bp.blogspot.com/--Cm5xCi8kKc/VEUxhaXx6TI/AAAAAAAAD1Q/qVvgcyggn_w/s1600/f05-mtp-control.png
  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    7/81

    1) A#ri a $or%space e travou tudo&&& 'ica em Android content loader", com (&&&

    X normal### $bra a sua pasta home, procure a pasta oculta #android- e9

    &elete a subpasta cache-A

    &elete o ar3uivo ddms#cfg-A

    2) *mportei o pro+eto Android e ele no eecuta no Emulador& D- Class.ot'oundEception"&&&

    . ordova 'e o Phoneap( geram dois proJetos sempre9 **** e ****;ordova2ib# . segundo ) um

    2ibrarD ProJect-, e no deve ser colocado no Cuild Path-, dentro do Eclipse, como proJect-# Se

    voc fi4er isso, vai ocasionar esse erro#

    Se voc acabou de criar os proJetos com o ordova e o Phoneap, ento deve fa4er o seguinte9

    V# 0ile 1mport $ndroid E*isting $ndroid ode###

    M# Selecione a pasta android-, 3ue fica dentro de platforms-A

    L# ertifi3ue;se 3ue os dois proJetos esteJam marcados 'YYYY e YYYY;ordova2ib(A

    O# 1mporte os doisA

    T# Se der erro no proJeto principal, geralmente, basta dar um ProJect lean-# Se no resolver,

    ento selecione o proJeto principal, e, com o boto direito, abra properties-# Selecione

    android- e verifi3ue se o proJeto secundrio 'ordova2ib( est marcado# Se estiver, remova

    e adicione novamente# Ento, feche tudo, e fa%a outro ProJect lean-#

    ota9 Se voc e*portou o proJeto a partir do Eclipse '0ile E*port eneral $rchive file(, ento

    no deve importar como E*isting $ndroid ode###-, fa%a como 0ile 1mport eneral E*isting

    proJects into ?or

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    8/81

    O trabalho "Criao de aplicaes Mveis com PhoneGap e jQuery Mobile" de Cleuton Sampaiode /elo 0rest licenciado com umaicena Creative Commons Atri#uioCompartilha*4ual

    5&( *nternacional! sso inclui# $e%tos& p'inas& 'r(icos e cdi'o)(onte!

    https://creativecommons.org/licenses/by-sa/4.0/deed.pt_BRhttps://creativecommons.org/licenses/by-sa/4.0/deed.pt_BRhttp://3.bp.blogspot.com/-Z3T9ciQpZkM/U9KG8EUfi4I/AAAAAAAADLA/yI08xgdggAM/s1600/cc.pnghttps://creativecommons.org/licenses/by-sa/4.0/deed.pt_BRhttps://creativecommons.org/licenses/by-sa/4.0/deed.pt_BR
  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    9/81

    Material e e0emplos$pesar do curso ser multiplataforma, daremos maior nfase Z e*ecu%o em plataforma $ndroid#

    6odos os e*emplos funcionam em i.S tamb)m#

    6odo o material do curso est publicado no Com Programador# .s ar3uivos de e*emplo e os

    e*erccios podem ser acessados no 2in

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    10/81

    *e?uisitos de hard=are e so3t=areQsando o Phoneap ordova, voc pode criar apps mveis para vrias plataformas, entre elas9

    $ndroid, i.S e @indo?s Phone# este curso, focaremos basicamente nas aplica%>es $ndroid,

    dando uma "pincelada" rpida no i.S#

    Aplicaes Android PQ compatvel com 1ntel iT, com O nHcleosA

    Pelo menos M#O 74A

    +emria /$+ de O CA

    Espa%o em &isco 2ivre9 T CA

    Sistema .peracional9

    @indo?s YP 'LM;bit(, Gista 'LM; or NO;bit(, or @indo?s U 'LM; or NO;bit( 2inu*9 'Qbuntu(9 Q 2ibrarD 'glibc( M#U ou superiorA Qbuntu V#O ou superiorA

    +ac .SY9 V#T#[ ou mais recenteA

    Qsurio tem 3ue ser administrador local da m3uina 'sudoer-, no caso de 2inu*(A

    $ndroid S&K9

    Phoneap, JuerD, JuerD +obileA

    Eclipse \ $&6 plugin \ $pp2aud pluginA

    $ndroid S&K 6oolsA

    $ndroid Platform;toolsA

    Pelo menos uma verso da $ndroid platformA

    Pelo menos uma verso da $ndroid SDstem 1mageA

    Soft?are para criar servidores de notifica%o9 ]ava N ]&K \ $pache &erbD \ +aven LA

    &ispositivos $ndroid, com cabos QSC, no mnimo $ndroid O#*A

    Aplicaes Apple i+! i+ac, +ac+ini ou +acCoo< Pro, no mnimo iT com O C /$+A

    onta no i.S &eveloper Program, com certificado em dia 'pelo menos uma(A

    Ycode T#V#V \ i.S S&K U 'talve4 o [(A

    Soft?are para criar servidores de notifica%o9 ]ava U ]&K \ $pache &erbD \ +aven LA

    &ispositivos i.S 'iPhone, iPad( com cabosA

    5nstalao Android

    (clipse 1nstale a Hltima verso do eclipse '2una, no momento da prepara%o deste guia(#

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e jQuery Mobile - Kit de sobrevivncia

    11/81

    X possvel usar uma verso mais antigaB Sim, mas no m*imo a antepenHltima verso#

    o instale eclipse com outros frame?or

  • 8/10/2019 Curso de Criao de Apps Mveis com PhoneGap e