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:
- Una cuenta en Google Firebase
- Una cuenta en OneSIgnal
- 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
Paso 3 login en https://onesignal.com/ y añadir un nuevo sitio entrar en setting y elegir Google Andriod
Onesignal Android
Pegar el Token y el Sender ID copiado en Firebase
OneSignal Token Firebase
Pulsa en siguiente y selecciona Native Android
Native Android
Continuar y copiar App ID para pegarlo más tarde en el código
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
Cambia el id de la aplicación línea 13 en /app/build.gradle
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
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
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
App ID OneSignal MainApplication.java
Cambia el nombre de empaquetado en la línea3 y 19 de /app/src/main/AndroidManifest.xml
AndroidManifest.xml
Abrir como proyecto existente con Android Studio
Android Studio
GitHub
El resto os lo dejo como ejercicio de investigación espero haber sido de ayuda.
