Invitaciones para aplicaciones móviles
Con el aumento del número de aplicaciones en Android e iOS, es importante que la gente encuentre tus aplicaciones, tanto en las tiendas como en la Web.
Si su aplicación móvil tiene un sitio web, probablemente esté familiarizado con él:
Estos botones hacen posible que cualquiera navegue a la tienda correcta para su dispositivo móvil. Sin embargo, este flujo se desmorona rápidamente si el usuario no es móvil. ¿Qué ocurre cuando el usuario utiliza un ordenador de sobremesa? Si utiliza Promoción de aplicaciones móvilespuede convertir rápidamente a un usuario que navega en un cliente activo enviándole un enlace a su aplicación por SMS.
En este tutorial
Verás lo rápido que es crear un sistema de invitaciones para aplicaciones móviles usando las API y las bibliotecas de Vonage:
- Crear una aplicación web - crear una aplicación Web con botones de descarga.
- Detectar usuarios de escritorio - mostrar el botón de descarga correcto para usuarios de ordenadores de sobremesa o móviles.
- Recoger un nombre y un número de teléfono - para navegadores de escritorio, mostrar un formulario para recoger información del usuario.
- Enviar el enlace de descarga en un SMS - envíe un SMS a su usuario con el enlace de descarga de su aplicación.
- Ejecute este tutorial - ejecuta el tutorial y envía la URL de descarga a tu número de teléfono.
Requisitos previos
Para trabajar a través de este tutorial que necesita:
- A Account de Vonage
- Un servidor web de acceso público para que Vonage pueda realizar solicitudes de webhook a tu aplicación. Si estás desarrollando localmente debes utilizar una herramienta como ngrok (consulte nuestro tutorial sobre ngrok en el blog)
- El código fuente de este tutorial de https://github.com/Nexmo/ruby-mobile-app-promotion
- Todos los clientes con sede en EE.UU. deben registrar una marca y una campaña para cumplir con 10 directrices DLC.
Crear una aplicación web
Para su interfaz de cliente, utilice Sinatra y estante para crear una aplicación Web de una sola página:
Gemfile
app.rb
Añade los botones de las tiendas Google e iOS al HTML de tu aplicación web:
vistas/index.erb
Para hacerte la vida más fácil, puedes descargar los botones.
Detectar usuarios de escritorio
Para comprobar si un usuario navega desde un dispositivo móvil o de sobremesa, analice request.user_agent:
Gemfile
app.rb
Utilice el valor de browser.device para mostrar el botón de tienda correcto para los dispositivos móviles:
vistas/index.erb
Si el usuario no utiliza un dispositivo móvil, muestre el botón de descarga de SMS:
vistas/index.erb
Este botón parece:
Recoger un nombre y un número de teléfono
Si el usuario navega desde el escritorio, utiliza un formulario HTML para recoger tanto el número de teléfono al que enviarás un SMS como un nombre por si el usuario quiere enviar este enlace a un amigo. Cuando el usuario haga clic en el botón de descarga de SMS de la página de inicio, muéstrele el formulario de introducción de su número de teléfono.
app.rb
El formulario captura el número de teléfono en el campo E.164 esperado por SMS API:
vistas/descargar.erb
Cuando el usuario haga clic en Continúe enutiliza SMS API para enviarles un mensaje de texto con la URL de descarga de tu aplicación.
También puedes enviar un enlace directo a las tiendas correctas en el SMS. Para ello, actualiza el formulario para que el usuario pueda elegir su dispositivo.
Enviar el enlace de descarga en un SMS
Envías un SMS usando una sola llamada a SMS API, Vonage se encarga de todo el enrutamiento y la entrega. El siguiente diagrama muestra el flujo de trabajo seguido en este tutorial para enviar un SMS:
En este tutorial, para enviar un SMS se añade el botón SDK del servidor Ruby a tu aplicación:
Gemfile
Usa tu API de Vonage clave y secreto para inicializar el cliente:
app.rb
Nota: No almacene sus credenciales API en su código, utilice variables de entorno en su lugar.
Utilice la biblioteca inicializada para realizar una petición a SMS API:
app.rb
En estado te indica si Vonage ha aceptado tu solicitud y enviado el SMS.
Para verificar que este SMS fue recibido por el usuario, compruebe el (link: messaging/sms-api/api-reference#delivery_receipt text: delivery receipt). Este tutorial no verifica los recibos de entrega.
Ejecute este tutorial
Para ejecutar este tutorial:
- Pon en marcha tu aplicación.
- Con el navegador de su ordenador, vaya a la aplicación web.
- Haga clic en el botón Mensaje SMS. Aparecerá el formulario de números de teléfono.
- Rellena y envía el formulario. En unos segundos recibirás un SMS con el enlace a tu aplicación.
Nota: si el SMS tiene un localhost o 127.0.0.1 utilice una herramienta como ngrok para que el código del tutorial cree una URL a la que pueda conectarse su dispositivo móvil.
Conclusión
Ya está. Ya puedes permitir que cualquiera se envíe a sí mismo o a un amigo un enlace directo para descargar tu aplicación móvil en un SMS. Para ello, recopila un número de teléfono, envía al usuario un enlace, detecta su plataforma y preséntale el enlace de descarga correcto para continuar.
Obtener el código
Todo el código de este tutorial está disponible en el archivo Tutorial de invitaciones para aplicaciones móviles repositorio de GitHub.