• Home
  • Crear una aplicación móvil Android de tu sitio web con notificaciones Push
Android Studio
eGeon 7 diciembre, 2021 0 Comments

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

Requisitos:

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

Paso 1 Crea un proyecto en Google Firebase, si ya 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.