Tutorial google apis

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.