Windows Azure Mobile Services con aplicaciones Windows 8. Sesión de introducción y utilización al servicio y ejemplo de configuración y utilización (realizada el 9/9/2012 en el Hackethon Windows 8 de La Coruña). Podéis descargar las aplicaciones de ejemplo Win 8 (C# y JavaScript) desde aquí: http://sdrv.ms/NVX0SO

1. Miguel López | @augurarte
SolidQ Cloud Services & Windows Azure
Windows Azure Mobile Services & Windows 8

2. MENTOR
MIGUEL LÓPEZ

3. Alta y configuración del servicio (Azure)

4. Una aplicación Windows 8 usando WAZ Mobile Services
• Una sencilla
aplicación de
ejemplo que
enlaza listas de
tareas y las
envía al servicio
de Windows
Azure Mobile
Services en la
nube a través de
llamadas al
servicio Web
REST (endpoint
proporcionado
por WAMS)

5. Para utilizar el servicio desde una aplicación Windows 8
• Disponer de una cuenta (90 días gratis) de Windows Azure
• Acceder al portal windows.azure.com y al menú Cuenta (Account)
• Acceder al menú Características de vista previa (Preview Features)
• Localizar la característica Mobile Services y pulsar botón Solicitar (Sign Up)
• En caso de que nos diga en espera, esperar correo de confirmación
• Una vez que tenemos la activación accedemos al portal de administración:
• http://management.windowsazure.com
• Pulsar el botón + en la parte inferior de la ventana del navegador
• Seleccionar el servicio Mobile Services > Create New

6. Solicitar el uso de la característica en Preview
• Darse de alta en la Preview del servicio para activarlo en el portal y poder
crear los servicios gratuitos en tiempo de Preview.

8. Creación del WAMS: Nombre, base de datos y región

9. Creación del WAMS: Base de datos y credenciales de la BDD

10. Se crea el servicio y tenéis un panel para su gestión
• El en menú Mobile Services aparecen todos los servicios creados y podemos
acceder a la consola de administración de cada uno de ellos

12. Visualizando los datos que se han creado usando las apps
• Hemos instalado la aplicación de ejemplo ToDo para su estudio

13. Descargar una aplicación Win8 de ejemplo

15. Extraemos la aplicación Windows 8 en nuestro PC

16. Lanzamos la aplicación con Visual Studio 2012
• Es importante no olvidarse de haber descargado e instalado el Mobile
Services SKD (enlace directo en management.windowsazure.com).
• Para acceder al servicio hace falta la Application Key (desde Azure se
genera)

18. Ejecución de la aplicación y sincronización en nube

19. Usar el servicio de Push Notifications

20. Para utilizar Push Notifications con WAMS…
• Prerrequisito: disponer de una aplicación publicada en la tienda Windows
Store
1. Registrar tu aplicación en Windows Azure
2. Añadir soporte Push Notifications en el código de nuestra aplicación Win8
3. Actualizar la secuencia de comandos (script) en WAMS para lanzar las
notificaciones en las operaciones que correspondan (ej. En los inserts).
4. Probar nuestra aplicación

21. 1. Registrar nuestra aplicación para usar PN

22. Necesitamos (3) y (4) para
solicitar el registro

23. Ir al portal https://manage.dev.live.com/build?wa=wsignin1.0
• Introducir esos datos en el Paso 2:

24. En VS2012, de nuevo en Package.appxmanifest:

25. Vuelta al portal de Azure, Añadir las claves al servicio WAMS
• En el menú PUSH añadimos CLIENT SECRET y PACKAGE SID

26. 2. Añadir soporte Push Notifications en el código de
nuestra aplicación Win8

27. En la parte de la aplicación (Push Notifications = PN):
1. En nuestra aplicación Win 8 editar el archivo App.xaml.cs
añadiendo:
using Windows.Networking.PushNotifications;
2. En App.xaml.cs añadimos (adquirimos y guardamos un canal PN):
public static PushNotificationChannel CurrentChannel {
get; private set; }
private async void AcquirePushChannel() {
CurrentChannel = await
PushNotificationChannelManager.CreatePushNotificationChannelF
orApplicationAsync();
}

28. En la parte de la aplicación:
3. En App.xaml.cs, encima del evento OnLaunched , añadimos la
siguiente llamada al método AcquirePushChannel
AcquirePushChannel();
4. En MainPage.xaml.cs añadimo la propiedad de atributo a la clase
TodoItem
[DataMember(Name = "channel")] public string Channel { get; set; }

29. Volvemos al portal de administración de Windows Azure
• Seleccionamos Data, y en la tabla en la que queremos vincular (cuando se
hagan Insert) las PN, elegimos la tabla y aparece el nuevo menú superior
(Browse, Script, Columns, Permissions)
• Seleccionar Script y el script correspondiente a los Insert
• Introducir el Script que os proponemos a continuación:
• (al final pulsar Guardar abajo en la barra de comandos)

30. Scriptlet para enviar una notificación al insertar
function insert(item, user, request) {
request.execute({
success: function() {
// Ejecuta y envia la notificación en background
request.respond();
push.wns.sendToastText04(item.channel, {
text1: item.text },
{
success: function(pushResponse) {
console.log("Sent push:", pushResponse); }
});
}
});
}

32. 3. Probar la aplicación

33. Para probar la aplicación
• Lanzar la aplicación e introducir varios elementos de tarea (a la lista ToDo), y
comprobar que cada vez que se incluye un elemento aparece una PN en
nuestra máquina (y en la de cualquiera que esté usando nuestra aplicación)

34. ¡Gracias!

35. Miguel López | @augurarte
SolidQ Cloud Services & Windows Azure
Windows Azure Mobile Services & Windows 8