Android y PhoneGap

Estándar

1. Requisitos

Eclipse 3.4+

2. Instala SDK + PhoneGap

 

Descarga e instala Eclipse Classic

 

 

Descarga e instala Android SDK

 

 

Descarga e instala ADT Plugin

 

 

Descarga la ultima versión de PhoneGap y extrae su contenido. Vamos a trabajar con los directorios de Android

3. Crea un nuevo proyecto

Inicia Eclipse,  a continuación, en el menú Archivo, seleccione Nuevo> Proyecto Android

  • En el directorio raíz del proyecto, crear dos nuevos directorios:
  • /libs
  • /assets/www
  • Copia phonegap.js del archivo PhoneGap que descargaste a /assets/www
  • Copia phonegap.jar del archivo PhoneGap que descargaste a /libs
  • Copia la carpeta xml del archivo PhoneGap que descagaste a /res
  • Realiza algunos ajustes al archivo principal del proyecto java ubicado en /src (checa la imagen de abajo )
  • Cambia la herencia de la clase de Activity a DroidGap
  • Cambia la linea setContentView() por super.loadUrl(“file:///android_asset/www/index.html”);
  • Añade import com.phonegap.*;
  • Elimina import android.app.Activity;

javaSrc

  • Puedes experimentar un error aquí, donde Eclipse no puede encontrar PhoneGap-1.0.0.jar. En este caso, haga clic derecho sobre la carpeta / libs y vaya a construir caminos /> Configurar construcción de caminos. Luego, en la pestaña Libraries, añadir PhoneGap-1.0.0.jar con el Proyecto. Puede que tenga que actualizar el proyecto, una vez más.
  • Da clic derecho sobre AndroidManifest.xml y seleccione Abrir con> Editor de texto
  • Pega los siguientes permisos en versionName: (ver imagen de abajo)

<supports-screens
android:largeScreens=”true”
android:normalScreens=”true”
android:smallScreens=”true”
android:resizeable=”true”
android:anyDensity=”true”
/>
<uses-permission android:name=”android.permission.CAMERA” />
<uses-permission android:name=”android.permission.VIBRATE” />
<uses-permission android:name=”android.permission.ACCESS_COARSE_LOCATION” />
<uses-permission android:name=”android.permission.ACCESS_FINE_LOCATION” />
<uses-permission android:name=”android.permission.ACCESS_LOCATION_EXTRA_COMMANDS” />
<uses-permission android:name=”android.permission.READ_PHONE_STATE” />
<uses-permission android:name=”android.permission.INTERNET” />
<uses-permission android:name=”android.permission.RECEIVE_SMS” />
<uses-permission android:name=”android.permission.RECORD_AUDIO” />
<uses-permission android:name=”android.permission.MODIFY_AUDIO_SETTINGS” />
<uses-permission android:name=”android.permission.READ_CONTACTS” />
<uses-permission android:name=”android.permission.WRITE_CONTACTS” />
<uses-permission android:name=”android.permission.WRITE_EXTERNAL_STORAGE” />
<uses-permission android:name=”android.permission.ACCESS_NETWORK_STATE” /> <uses-permission android:name=”android.permission.GET_ACCOUNTS” />
<uses-permission android:name=”android.permission.BROADCAST_STICKY” />

  • Añadir Android: configChanges = "orientación | keyboardHidden" a la etiqueta de la actividad en AndroidManifest. (Ver la imagen a continuación)
  • Añadir una segunda actividad en la etiqueta appliction usted en AndroidManifest. (Ver la imagen a continuación)
<activity android:name=”com.phonegap.DroidGap” android:label=”@string/app_name” android:configChanges=”orientation|keyboardHidden”> <intent-filter> </intent-filter> </activity>

manifest

4. Hola Mundo ! ! !

  • Ahora vamos a crear un archivo llamado index.html en el directorio  /assets/www .Y pega el siguiente código.
<! DOCTYPE HTML>
<html>
<head>
<title> PhoneGap </ title>
<script type=”text/javascript” charset=”utf-8″ src=”phonegap.js”> </ script>
</ head >
<body>
<h1> Hola Mundo </ h1>
</ body>
</ html>

5A. Implementar en el Simulador

  • Da clic en el proyecto y vaya a Ejecutar como y haga clic en Aplicación para Android
  • Eclipse le pedirá que seleccione una AVD apropiado. Si no hay uno, entonces usted tendrá que crearlo

5B. Implementar en el Dispositivo

  • Asegurate de que la depuracion USB esta habilitada y conectalo a tu sistema (Ajustes > Aplicaciones > Desarrollo)
  • Da clic en el proyecto y vaya a Ejecutar como y haga clic en Aplicación para Android

Listo!

  • También puedes obtener la versión más detallada de esta guía aquí .

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s