Presentación sobre uso de Azure Mobile services y Azure Notifications Hub con Xamarin y Xamarin.Forms

1. Xamarin y Azure

2. Josué Yeray
Windows XAML Freelance Developer
Microsoft MVP Windows Platform Development
• Blog: http://geeks.ms/blogs/jyeray
• Twitter: @JosueYeray

3. 01Azure Mobile Services

4. Azure Mobile Services
01Azure Mobile Services
Un backend para todos nuestros dispositivos
SDKs para Windows, Windows Phone, iOS, Android,
Cordova y Xamarin
Autenticación integrada con Facebook, Twitter, Live,
Google and AAD
Base de datos SQL, MongoDB o Azure Storage tables

5. Azure Mobile Services
01Azure Mobile Services
Backend en .NET o Javascript

6. 1
Azure Mobile Services
01Azure Mobile Services
Storage
Logic
Scheduler
Authentication

7. Azure Mobile Services - Xamarin
01Azure Mobile Services
Soporte para Xamarin y Xamarin Forms
Librerías NuGet compartidas
Componentes Xamarin por plataforma
El código de acceso a datos, es totalmente compartido
Mismo código en Xamarin y Xamarin Forms.

8. Azure Mobile Services
01Azure Mobile Services
Dashboard de actividad

9. AMS & Xamarin –Tips &Tricks
01Azure Mobile Services
CurrentPlatform.Init al iniciar la app en iOS y Android
La primera llamada tarda unos segundos en realizarse
MobileServiceClient es IDisposable
Si vuestro Backend devuelve URL a imágenes, cuidado!

10. 01Azure Mobile Services
DEMOTIME

11. 02Azure Notifications Hub

12. 02Notifications Hub
Azure Notifications Hub
Notificaciones Push a dispositivos iOS, Android,WP, Win8
API unificada, una sola llamada para notificar a todos
Aporta telemetría sobre las notificaciones
7

13. 02Notifications Hub
Azure Notifications Hub
7

14. 02Notifications Hub
Azure Notifications Hub
7

15. 02
Azure Notifications Hub – Primer paso
Necesitaremos registrar nuestra app en cada
plataforma
Apple Developer
Google Developer
Windows Store
Windows Phone Store
Cada una nos dará un certificado/token que
configuraremos en nuestro Notifications Hub
7
Notifications Hub

16. 8
02
Windows Universal apps
Asociamos la aplicación con una identidad de la
store
Vamos a la web de Servicios live de nuestra app
Obtenemos el SID del paquete y la clave secreta de
cliente
Estos valores son los mismos para Phone y Store
Notifications Hub

17. 8
02
Windows Universal apps
En el portal de Administración de Azure creamos un
Nuevo ServiceBus de tipo Notifications Hub.
Notifications Hub

18. 8
02
Windows Universal apps
Una vez creado, añadimos las credenciales de
nuestra app:
Notifications Hub

19. 8
02
Android apps
console.developer.google.com
Creamos un nuevo proyecto
Habilitamos “Google Cloud messaging forAndroid”
Notifications Hub

20. 8
02
Android apps
En Credentials creamos una nueva clave pública de
servidor
Notifications Hub

21. 8
02
Android apps
Por último guardamos esta key en Notifications
Hub
Notifications Hub

22. 8
02
iOS apps
El proceso es más complejo, tenemos que tener una
cuenta de pago de desarrollador apple
Generamos un archivo de certificado digital
Subimos este certificado digital a nuestro servicio:
Notifications Hub

23. 02
Connection Strings
Cuando ya hemos añadido todas las plataformas,
obtenemos las cadenas de conexión:
Desde el dashboard del hub, link “connection strings”
Usaremos estas para conectar desde las aplicaciones.
10
Notifications Hub

24. 02
Código
Una vez que ya hemos terminado la configuración,
tenemos que añadir código a cada plataforma para
obtener el canal de notificación.
Cada aplicación ejecutará código en su startup para
obtener y registrar los canales necesarios.
10
Notifications Hub

25. 02
REGISTRANDOWINDOWS UNIVERSAL
Usamos el paquete WindowsAzure.Messaging.Managed
Habilitamos notificaciones toast en
Package.appxmanifest
En la claseApp.xaml.cs registramos las notificaciones.
7
Notifications Hub

26. 02
REGISTRANDO ANDROID
Instalamos el componenteGoogleCloud Message client de
Xamarin
Añadimos el paquete Xamarin.NotificationHub
Registramos el ID de Proyecto de GoogleAPI en la
FirstView.cs
Creamos una clase de broadcasting que recibirá y mostrará
notificaciones
7
Notifications Hub

27. 02
REGISTRANDO iOS
Instalamos el componente Azure Mobile Service de Xamarin
Añadimos referencia a Xamarin.NotificationHub que
descargamos conAndroid.
Editamos la claseAppDelegate para registrar las
notificaciones
7
Notifications Hub

28. 02
DEMOTIME
7
Notifications Hub

29. Josué Yeray
Windows XAML Freelance Developer
Microsoft MVP Windows Platform Development
• Blog: http://geeks.ms/blogs/jyeray
• Twitter: @JosueYeray
GRACIAS!!

30. Ven a conocer nuestras oficinas:
Avenida de Manoteras 38 – Oficina C311
28050 Madrid
Con Bravent tendrás proyectos cercanos. Conseguirás triunfos globales
Contacta con nosotros:
Llámanos:
91 240 4785
Envíanos un e-mail:
info@bravent.net
bravent@bravent.net
Visita nuestra web:
www.bravent.net
Síguenos en twitter:
@bravent
13