Compartir a través de

Inicio rápido: Agregar notificaciones de inserción para un servicio móvil (JavaScript)

  • Artículo

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows en tiempo de ejecución. Si estás desarrollando para Windows 10, consulta la documentación más reciente

Este inicio rápido te guía a través de los pasos para permitir las notificaciones de inserción en una aplicación utilizando los Servicios móviles de Azure. Los Servicios móviles facilitan el envío de notificaciones de inserción a tu aplicación mediante el uso de los Servicios de notificaciones de inserción de Windows (WNS). Encuentra más información en el Centro de desarrollo de Servicios móviles. Si tienes Microsoft Visual Studio 2013, es muy fácil habilitar las notificaciones de inserción en tu aplicación de Servicios móviles. Este tema se basa en el tema anterior llamado Inicio rápido: Agregar un servicio móvil. Cuando acabes, habrás agregado notificaciones de inserción en tu nuevo servicio móvil y habrás probado la aplicación enviando una notificación nueva.

Requisitos previos

Agregar y configurar notificaciones de inserción en la aplicación

Primero, utiliza el asistente para agregar notificaciones de inserción en Visual Studio 2013 para registrar tu aplicación en la Tienda Windows, configurar tu servicio móvil para habilitar las notificaciones de inserción y agregar código a tu aplicación para registrar un canal de dispositivo.

Nota  Este tema supone que ya se ha agregado al proyecto una conexión de servicio móvil, tal y como se hizo en el tema anterior. Cuando un servicio móvil no se ha conectado, el asistente para agregar notificaciones de inserción crea esta conexión para ti.

 

  1. En Visual Studio 2013, abre el explorador de soluciones, haz clic con el botón derecho en el proyecto, haz clic en Agregar y, a continuación, en Notificación de inserción.... De este modo se inicia el asistente para agregar notificaciones de inserción.
  2. Haz clic en Siguiente, inicia sesión en tu cuenta de la Tienda Windows, escribe un nombre en Reservar un nombre nuevo y haz clic en Reservar. Así se crea un nuevo registro de aplicación en la Tienda Windows.
  3. Haz clic en el nuevo registro en la lista Nombre de la aplicación y, a continuación, en Siguiente.
  4. Selecciona el servicio móvil que creaste al finalizar Inicio rápido: Agregar un servicio móvil o Inicio rápido: Agregar un servicio móvil con C++, haz clic en Siguiente y, a continuación, en Finalizar. Así tu servicio móvil se configura para que funcione con los Servicios de notificaciones de inserción de Windows (WNS) de modo que pueda enviar notificaciones a tu aplicación.Nota  Si tu aplicación todavía no está configurada para conectarse al servicio móvil, el asistente realiza también las tareas de configuración indicadas en Inicio rápido: Agregar un servicio móvil.  
  5. (Opcional) Abre el archivo de código generado YourMobileService.push.register.js e inspecciona el código. Este código garantiza que se intente el registro del dispositivo cada vez que la aplicación se active e incluye una llamada a la API personalizada notifyallusers.
  6. (Opcional) En el Explorador de servidores, expande Servicios móviles, el nombre de tu servicio y abre el archivo notifyallusers.js. Este archivo, que se almacena en tu servicio móvil, contiene código JavaScript que envía notificaciones de inserción a todos los usuarios registrados.
  7. Presiona la tecla F5 para ejecutar la aplicación y comprueba que recibe de inmediato una notificación del servicio móvil.

Actualizar el código generado de la notificación de inserción

El asistente para agregar notificaciones de inserción agrega código que desencadena una notificación de prueba para todos los usuarios registrados. Aunque esto facilita el proceso de demostrar una notificación cuando se ejecuta la aplicación, no suele tratarse de una situación significativa. Como tal, quitarás la llamada a notifyallusers y la reemplazarás, con algunos cambios, por código que envía una notificación a todos los dispositivos registrados cuando se haga una inserción en la tabla TodoItem.

  1. En el Explorador de servidores, expande Servicios móviles, el nombre de tu servicio y, a continuación, notifyallusers.js. Contiene código que envía una notificación de inserción. Nota  El código que envía una notificación de inserción puede incluirse en cualquier archivo de script registrado. La ubicación de este script depende de cómo se desencadene la notificación. Los scripts pueden registrarse en una operación de inserción, actualización, eliminación o lectura en una tabla; como un trabajo programado; o como una API personalizada. Para obtener más información, consulta Trabajar con scripts del servidor en Servicios móviles. En este caso, el código se mueve al archivo de script registrado en la operación de inserción en la tabla TodoItem.

     

  2. Expande la tabla TodoItem, abre el archivo insert.js, reemplaza la función de inserción actual por el siguiente código y, a continuación, guarda los cambios:

    function insert(item, user, request) {
// Define a payload for the Windows Store toast notification.
var payload = '<?xml version="1.0" encoding="utf-8"?><toast><visual>' +    
    '<binding template="ToastText01">  <text id="1">' +
    item.text + '</text></binding></visual></toast>';

request.execute({
    success: function() {
        // If the insert succeeds, send a notification.
        push.wns.send(null, payload, 'wns/toast', {
            success: function(pushResponse) {
                console.log("Sent push:", pushResponse);
                request.respond();
                },              
                error: function (pushResponse) {
                    console.log("Error Sending push:", pushResponse);
                    request.respond(500, { error: pushResponse });
                    }
                });
            }
        });
}

    Cuando guardas los cambios en el archivo insert.js, una nueva versión del script se carga en tu servicio móvil.

    Ahora, cuando se inserta un nuevo TodoItem, se envía una nueva notificación de inserción de vuelta inmediatamente al dispositivo que realizó la solicitud de inserción.

  3. En Visual Studio, presiona la tecla F5 para ejecutar la aplicación.

  4. En la aplicación, escribe texto en Insertar TodoItem y haz clic en Guardar. Ten en cuenta que se envía de inmediato una notificación al dispositivo en cuanto se haga una inserción en la tabla en Azure.

  5. (Opcional) Ejecuta la aplicación en dos máquinas al mismo tiempo y repite el paso anterior. Comprueba que la notificación se envía a todas las instancias de aplicaciones en ejecución.

Resumen y siguientes pasos

Ahora ya sabes cómo utilizar los Servicios móviles para agregar funcionalidades de notificación de inserción en tu aplicación de la Tienda Windows.

A continuación, considera la posibilidad de aprender a utilizar los Servicios móviles para autenticar a los usuarios mediante una cuenta Microsoft, Facebook, Twitter o proveedores de identidad de Google. Para obtener más información, consulta Introducción a la autenticación.

Temas relacionados

Programar trabajos periódicos en Servicios móviles

Trabajar con scripts del servidor en Servicios móviles