Tags

Siguiendo con el post Windows8: Enlazar Azure Mobile Service con una aplicacion Windows Store (JavaScript-HTML5) voy a continuar añadiendo un poco de complejidad al asunto.

Recordando lo hecho en el post anterior:

· Creamos una cuenta Azure

· Creamos un Azure Mobile Service 

· Accedimos desde una aplicación

· Insertamos datos desde la misma aplicación Windows Store.

Con este post la idea es, que nos notifique la inserción de un usuario con una notificación push.

Lo primero que tendremos que hacer, es registrar nuestra aplicación Windows Store aquí, pero para eso debemos tener una cuenta de Windows Store.

En mi caso, gracias al “club.net” (por tener licencia como estudiante de DreamSpark premium) me ha salido gratuito, de no ser así hay que pagar 37,00€ para poder subir aplicaciones al Market.

Código promocional para obtener gratis una cuenta Microsoft Windows Store

Os explico lo que hice para obtenerlo:

  • Entré  en la página de DreamSpark que está vinculada a la del club.net (estoy dada de alta),si no formas parte de dicho club, sólo tendrás acceso a los productos DreamSpark más básicos y no podrás obtener tu código de promoción.Microsoft Windows Store

image

  • Seguimos el proceso de compra normal,no hay que pagar absolutamente nada:). Una vez que finalizamos la compra aparecerá una pagina indicando de que la compra se ha completado .Nos llegará un email indicando los siguientes pasos que debemos seguir.
  • En la página de DreamSpark de estudiantes (no es la misma que la anterior),deberemos comprobar que somos estudiantes logueandonos con los credenciales de DreamSpark,tras hacer eso nos lleva a otra página de DreamSpark,en la  que yo almenos no he conseguido el código, debemos volver a la pagina de la imagen,dandole al botón de atrás

 

image

  • Una vez que por fin estamos en la página correcta pulsamos sobre el botón de obtener el código ahora y con ese código ya podemos ahorrarnos los 37,00€

Pero aun esto no ha terminado.Seguimos obteniendo códigos para todo :S

 

Crear cuenta Microsoft Windows Store

  • Introducimos el código justo debajo de donde pone los 37€ y actualizamos el precio
  • Nos pide los datos de la cuenta del banco,aunque sea gratis,para comprobar la autenticidad de nose que…la cuestion es que te cobran 0,02 ctms que dicen que luego en un par de diás te lo reintegran…En el fondo..me da igual si me cobran 2 centimos,ya es racanería no publicar por esa cantidad,despues de la que he tenido que liar…confio en ellos…
  • Despues de esto, ya tenemos POR FIN una cuenta  de Windows Store.

 

Volvemos al Visual Studio y ahora debemos añadir a la aplicacion un “Store”.Sobre la raiz de la solución ,botón derecho :

image

Tras esto se abre una ventana,donde tras darle al botón siguiente , tendremos que volver a loguearnos.

image

Nos logueamos  y después de esto tendremos que reservar el nombre de la aplicación en la Windows Storeimage

 

 

Pulsamos sobre “Reserve Name” y….otra vez a loguearse,cuando lo hagamos nos redirigirá a una pantalla así:

 

image

Pulsamos el botón ,para que nos manden un mensaje y el código que nos proporciones lo insertamos.Validamos los datos que nos soliciten y pulsamos siguiente,hasta llegar a una pagina como esta

image

Reservamos el nombre de la aplicación en App name y configuramos las notificaciones push en Advanced features,en esta última opción al seleccionarla,aparecerá la siguiente pantalla.Pulsamos en la opción marcada en rojo

image

imageAl seleccionar las opciones marcadas en rojo,llegaremos a los datos de identificación que deberemos insertar en Azure:

image 

Vamos al panel de Azure de servicios móviles,seleccionamos el servicio movil sobre el que queremos configurar las notificaciones push

imageInsertamos los identificadores obtenidos en el paso anterior

image 

Volvemos al Visual Studio y seleccionamos el nombre de aplicacion que acabamos de reservar y lo asociamos.Con esto ya tendriamos nuestra cuenta creada ,configurada y las notificaicones push activas en Azure.Ahora falta modificar nuestra aplicación.

Abrimos el archivo default.js que generamos en el post anterior y añadimos el siguiente código ,justo despues de args.setPromise

var channel;
var channelOperation = Windows.Networking.PushNotifications
.PushNotificationChannelManager
.createPushNotificationChannelForApplicationAsync()
.then(function (newChannel) {
channel = newChannel;
});

Modificamos el evento del botón:

buttonSave.addEventListener("click", function () {
insertUser({
nameUser: Name.value,
email: Email.value,
channel: channel.uri
});

});

 

Nos vamos a Azure y modificamos el script de insert de la tabla Usuario

function insert(item, user, request) {
request.execute({
success: function() {
// Write to the response and then send the notification in the background
request.respond();
push.wns.sendToastText04(item.channel, {
text1: "Inserted user:" + item.nameUser
}, {
success: function(pushResponse) {
console.log("Sent push:", pushResponse);
}
});
}
});
}

Compilamos  e insertamos un usuario,

image

En caso de que no aparezca la notificacion ,miramos en el registro de Azure

image

Si da un fallo de identificador, miramos que el código esté correcto,si lo es y aparece un icono de Informacion en gris diciendo que la notificación ha sido enviada,pero nosotros no la hemos visto,debemos modificar el appmanifest

image

Volvemos a compilar y seguramente,ya veamos la notificación.

Espero que os haya servido de ayuda.

 

Saludos!!!!!!