Crear una aplicación móvil Android de tu sitio web con notificaciones Phus

Desarrollo web - Traducciones - Movilidad

Aquí os dejamos un pequeño tutorial de como crear una aplicación móvil con Android Studios de tu sitio web con notificaciones Phus.

Requisitos:

  1. Una cuenta en Google Firebase
  2. Una cuenta en OneSIgnal
  3. Descargate el código de GitHub

Paso 1 Crea un proyecto en Google Firebase si ta lo tienes pasa al paso 2.

Nuevo proyecto en Firebase

 

Paso 2 Entra en configuración Cloud Messaging copiar Token y Sender ID.

Configuración

Cloud Messaging

Cloud Messaging

 

Paso 3 login en https://onesignal.com/ y añadir un nuevo sitio entrar en setting y elegir Google Andriod

Onesignal Android

Onesignal Android

 

Pegar el Token y el Sender ID copiado en Firebase

OneSignal Token Firebase

OneSignal Token Firebase

 

Pulsa en siguiente y selecciona Native Android

Native Android

Native Android

 

Continuar y copiar App ID para pegarlo más tarde en el código

App ID

App ID

 

Paso 4. Antes de abrir el código descargado de GitHub con Android Studio hay que hacer unos cambios para adaptarnos a nuestro nuevo proyecto.

El proyecto de pruebas se llama change.name.app y tenemos que poner un nuevo nombre de empaquetado, si por ejemplo le ponemos

mi.web.app temenos que cambiar el nombre de las carpetas change/name por mi/web y change.name.app por mi.web.app

Carpetas

Carpetas

Cambia el id de la aplicación línea 13 en /app/build.gradle

Cambia id app

Paso 5. cambiar el nombre de empaquetado y hostname de los archivos

Cambia el nombre de empaquetado en la línea 1 el nombre de tu web en la línea 24 /app/src/main/java/change/name/app/MainActivity.java

MainActivity.java

MainActivity.java

 

Cambia el nombre de empaquetado en la línea 1 el nombre de tu web en la línea 16 /app/src/main/java/change/name/app/MyWebViewClient.java

MyWebViewClient.java

MyWebViewClient.java

 

Cambia el nombre de empaquetado en la línea 1 y pon el App ID de OneSignal /app/src/main/java/change/name/app/MainApplication.java

MainApplication.java

App ID OneSignal MainApplication.java

 

Cambia el nombre de empaquetado en la línea3 y 19 de /app/src/main/AndroidManifest.xml

AndroidManifest.xml

AndroidManifest.xml

 

Abrir como proyecto existente con Android Studio

Android Studio

Android Studio

GitHub

GitHub

 

El resto os lo dejo como ejercicio de investigación espero haber sido de ayuda.