Xamarin Dev Days Málaga 2017 - Apps conectadas con Azure

2. Visual Studio Technologies & Windows
Platform Development MVP
Xamarin MVP
Xamarin Team Lead at Plain Concepts
• Blog: http://geeks.ms/blogs/jsuarez
• Email: javiersuarezruiz@hotmail.com
• Twitter: @jsuarezruiz

4. Apps de calidad

5. La media de apps que un usuario instala en su
teléfono es de 36 apps.

6. Sólo 1/4 son usadas diariamente:

7. 1/4 de las apps nunca son usadas!

9. ¿Siempre conectados?

10. http://opensignal.com/coverage-maps

13. OPCIONES

14. AZURE

15. Código base C# • 100% acceso a APIs nativas • Rendimiento alto
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile C# Server
Linux/Mono
CoreCLRAzure
Shared C# Client/Server
+ servicios de Backend

16. Web
Apps
Mobile
Apps
API
Management
API
Apps
Logic
Apps
Notification
Hubs
Content Delivery
Network (CDN)
Media
Services
HDInsight Machine
Learning
Stream
Analytics
Data
Factory
Event
Hubs
Mobile
Engagement
Biztalk
Services
Hybrid
Connections
Service
Bus
Storage
Queues
Backup
StorSimple
Site
Recovery
Import/Export
SQL
Database
DocumentDB
Redis
Cache
Search
Tables
SQL Data
Warehouse
Azure AD
Connect Health
AD Privileged
Identity Mngt
Operational
Insights
Cloud
Services
Batch Remote App
Service
Fabric Visual Studio
Application
Insights
Azure SDK
Team Project
Active
Directory
Multi-Factor
Authentication
Automation
Portal
Key Vault
Store /
Marketplace
VM Image Gallery
& VM Depot
SEGURIDAD &
GESTIÓN SERVICIOS DE PLATAFORMA OPERACIONES
HÍBRIDAS

17. Azure Mobile Apps

18. RESTAPI
Offline
sync
Facebook Twitter Microsoft Google Azure Active
Directory
AZURE MOBILE APPS
WindowsAndroid
Chrome
iOS
OSX
In-AppKindle
Backend
SQL MongoTables O365 API Apps
Offline Sync

19. Crear un Mobile Service
MobileService = new MobileServiceClient(
"https://myapp.azurewebsites.net");

20. Crear Tablas
IMobileServiceSyncTable<Store> table;
public async Task Init()
{
const string path = "syncstore.db";
var db = new MobileServiceSQLiteStore(path);
db.DefineTable<Store>();
}
var handler = new MobileServiceSyncHandler();
await MobileService.SyncContext.InitializeAsync(db, h);
table = MobileService.GetSyncTable<Store>();

21. Obtener y modificar los datos
public async Task<IEnumerable<Store>> GetStoresAsync()
{
await table.PullAsync("allStores", table.CreateQuery());
return await table.ToEnumerableAsync();
}
public async Task<Store> AddStoreAsync (Store store)
{
await table.InsertAsync (store);
await table.PullAsync("allStores", table.CreateQuery());
await MobileService.SyncContext.PushAsync();
return store;
}

22. Vamos a añadir un
backend!

24. Shared C# codebase • 100% native API access • High performance
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile C# Server
Linux/Mono
CoreCLRAzure
Shared C# Client/Server
+ SERVER

25. Autenticación

26. AUTENTICACIÓN EN AZURE
Azure utiliza OAuth para identificar usuarios móviles. Oauth
define como interactuán entre sí tres participantes para llevar
a cabo el proceso de autenticación:
• Cliente (App Xamarin)
• Azure
• Proveedor de identidad (Idp)

27. PROVEEDORES DE IDENTIDAD DE
TERCEROSAzure soporta la autenticación utilizando diferentes
proveedores de identidad de terceros.

28. PROVEEDORES DE IDENTIDAD
Azure también soporta utilizar Azure Active Directory.
Podemos utilizar esta opción para realizar autenticación
empresarial.
También es posible utilizar Azure Active Directory B2C que
permite utilizar usuario/contraseña en un almacenamiento
Azure.

29. PROVEEDORES DE IDENTIDAD
También se puede realizar la integración con proveedores de
identidad personalizdos.

30. EL FLUJO DE AUTENTICACIÓN
1. El cliente utiliza un WebView para mostrar la página
de Login
2. Azure redirecciona a la página de Login correcta para
cada IdP (Twitter, Facebook, etc.)
3. El usuario se autentica con sus credenciales en el IdP.
4. El IdP redirecciona con un Token.
5. Se valida el Token con Azure y finalmente llega al
cliente.

32. Notificaciones Push

33. NOTIFICACIONES PUSH
• Las notificaciones Push nos ofrecen
una vía de comunicación directa con
los clientes de aplicaciones móviles
incluso cuando no esten con la
aplicación abierta.
• Las notificaciones Push se envían
utilizando estructuras específicas de
cada plataforma llamadas Platform
Notification Systems (PNS).
Back-
end
PN
S
Device
1
2
3
4
Comunicación con PNS
Gestión de PNS
Envía notificación
Enviar al dispositivo

34. NOTIFICACION
ES PUSH
• Gestión de
usuarios
• Dependencia con
plataforma
• Escalabilidad
• Monitorización
• Telemetría

35. AZURE NOTIFICATIONS HUB
Las claves:
• Fácil de utilizar, multiplataforma, infraestructura
escalable
• Envía notificaciones push a cada plataforma
utilizando platform notification services (PNS)

36. AZURE NOTIFICATIONS HUB
Soporte a gran variedad de PNS
 Windows Notification Service
 Microsoft Push Notification Service
 Apple Push Notification Service
 Firebase Cloud Messaging
 Google Cloud Messaging
 Baidu Cloud Push
 Amazon Device Messaging
Se soporta una gran variedad de
dispositivos
 Windows Phones, Tablets & PCs con Windows 8
o 10
 iOS
 Chrome Apps
 Android
 Amazon Kindles

37. AZURE NOTIFICATIONS HUB
Android
IPhone
Notification
Hubs
GCM
Windows PhoneWNS
APNS
Your Application

39. Sync ficheros

40. SYNC

42. One more thing…

43. Sync Offline

44. Online vs Offline
Los dispositivos móviles a menudo pasan por diferentes
estados y condiciones que afectan a las aplicaciones. Entre el
cambio de estado más habitual se encuentra la falta de
acceso a internet.
Como desarrolladores, debemos decider si nuestra aplicación
deja de funcionar offline (no permite el acceso a apartados,
etc.) o bien si se añade una cache offline que permita seguir
trabajando.

45. Sincronización Offline
Azure permite la sincronización offline de los datos con
pocas líneas de código.
Los beneficios:
• Permite el acceso a la información sin red.
• Sincronización automática de datos con cache local.
• Control sobre cuándo se realiza la sincronización.

47. A comer!
Javier
Suárez Ruiz
javiersuarezruiz@hotmail.com https://javiersuarezruiz.wordpress.com @jsuarezruiz