Page 1

     

Google APIs  v2  

Programación de  aplicaciones  para  Android  


Desarrollo web  con  HTML5,  CSS3  y  Javascript  (jQuery)   Módulo  3:  Hojas  de  estilo  en  cascada  (CSS).  Parte  I  

  1.  INTRODUCCIÓN  .................................................................................................................  3   2.  INSTALAR  GOOGLE  PLAY  SERVICES  ............................................................................  3   3.  GENERAR  API  KEY  .............................................................................................................  4   4.  AÑADIR  AL  MANIFEST.XML  ...........................................................................................  6   5.  NOTAS  ...................................................................................................................................  6  

 

2  


Desarrollo web  con  HTML5,  CSS3  y  Javascript  (jQuery)   Módulo  3:  Hojas  de  estilo  en  cascada  (CSS).  Parte  I  

1. Introducción     En   este   tutorial   aprenderemos   cómo   podemos   generar   nuestra   Google   API   key   en   su   versión   2   y  cómo  podemos  utilizar  esta  key  en  Eclipse  para  programar  aplicaciones  con  mapas.    

2. Instalar  Google  Play  Services     Lo   primero   que   debemos   hacer,   es   asegurarnos   de   que   tenemos   instalado   (o   instalar)   el   paquete  de  Google  Play  Services.   Para   ello,   abrimos   el   Eclipse   y   ejecutamos   el   Android   SDK   Manager   (generalmente,   en   Window/Android  SDK  Manager).   Nos   aseguramos   de   que   está   instalado   "Google   Play   Services"   y   si   no   es   así,   lo   marcamos   e   instalamos:    

Una   vez   hecho   esto,   estaría   listo   para   utilizarse.   Lo   único   que   nos   queda   es   indicar   en   el   manifest.xml  que  lo  vamos  a  usar:   <meta-­‐data          android:name="com.google.android.gms.version"          android:value="@integer/google_play_services_version"  />  

3  


Desarrollo web  con  HTML5,  CSS3  y  Javascript  (jQuery)   Módulo  3:  Hojas  de  estilo  en  cascada  (CSS).  Parte  I  

 

3. Generar  API  Key     Para   poder   utilizar   este   servicio   de   Google,   igual   como   ocurre   cuando   se   utiliza   desde   una   página  web,  va  a  ser  necesario  registrar  la  aplicación  que  lo  utilizará.  Tras  registrar  la  aplicación   se  nos  entregará  una  clave  que  tendremos  que  indicar  en  la  aplicación. Realmente   vamos   a   necesitar   dos   claves   diferentes,   una   durante   el   proceso   de   desarrollo   y   otra   para   la   aplicación   final.   La   razón   es   que   se   genera   una   clave   diferente   en   función   del   certificado   digital   con   la   que   se   firma   la   aplicación.   En   la   fase   de   desarrollo   las   aplicaciones   también   han   de   ser   firmadas   digitalmente,   pero   en   este   caso   el   SDK   utiliza   un   certificado   especial  utilizado  solo  en  la  fase  de  desarrollo. Veamos   cómo   obtener   la   clave  Google Maps  para   el   certificado   de   depuración.   En   caso   de   querer   distribuir   tu   aplicación,   una   vez   terminada   tendrás   que   firmarla   con   un   certificado   digital   propio.   Este   proceso   se   explica   en   el   último   capítulo.   Recuerda   que   será   necesario   reemplazar   la   clave  Google Maps,   por   otra,   esta   última   asociada   a   tu   certificado   digital.   Para   obtenerla,  nos  dirigimos  a  https://code.google.com/apis/console/   Una  vez  en  la  página,  creamos  un  proyecto:  

  Ahora,  en  el  menú  de  la  derecha  nos  vamos  a  APIs  &  auth.  Nos  saldrá  una  larga  lista  de  APIs   que   tiene   Google   disponibles.   Debemos   seleccionar   Google   Maps   Android   API   v2   y   la   activamos  (ponemos  el  switch  en  ON).      

4  


Desarrollo web  con  HTML5,  CSS3  y  Javascript  (jQuery)   Módulo  3:  Hojas  de  estilo  en  cascada  (CSS).  Parte  I  

  Ahora,   debemos   ir   a   credentials   y   hacer   click   en   crear   una   nueva   key   (abajo   a   la   izquierda).   Seleccionamos  Android  key  (ya  que  podemos  generar  keys  para  distintos  tipos  de  apps).    

Ahora,  seguimos  los  pasos  del  video  del  curso  para  obtener  el  fingerprint  de  nuestra  app  y  lo   incluimos  en  el  cuadro  de  texto  junto  con  ";"  y  el  nombre  del  paquete  de  nuestra  aplicación.     Por  ejemplo,  si  el  nombre  del  paquete  de  mi  app  es  es.estudiaencasa,  sería  así:   45:B5:E4:6F:36:AD:0A:98:94:B4:02:66:2B:12:17:F2:56:26:A0:E0;es.estudi aencasa   Seguidamente   le   damos   a   crear   y   nos   creará   nuestra   key,   que   encontraremos   como   Android   key  en  la  pantalla  de  Credenciales.    

5  


Desarrollo web  con  HTML5,  CSS3  y  Javascript  (jQuery)   Módulo  3:  Hojas  de  estilo  en  cascada  (CSS).  Parte  I  

4. Añadir  al  manifest.xml     Una   vez   tenemos   nuestra   API   key,   debemos   añadir   la   siguiente   línea   al   manifest.xml   para   indicar  que  es  la  key  que  debe  utilizarse  con  el  paquete  de  Google  Maps:   <meta-­‐data          android:name="com.google.android.maps.v2.API_KEY"          android:value="API_KEY"/>   ¡Y   ya   podemos   comenzar   a   utilizar   el   código   de   ejemplo   de   la   práctica   para   hacer   funcionar   nuestros  mapas!    

5. Notas     A  partir  de  la  versión  2,  al  necesitar  Google  Maps  utilizar  la  API  de  Google  Play  services,  no  es   posible  ejecutarlos  en  un  simulador.   Por  ello,  se  recomienda  probar  la  aplicación  con  un  dispositivo  real.    

6  

Tutorial google apis  
Advertisement