Aplicación móvil y web social con autenticación

Esta aplicación cliente móvil ofrece uso compartido de imágenes sociales junto con una aplicación web complementaria. El servicio de back-end de la aplicación procesa las imágenes en segundo plano usando una función de Azure Functions y puede enviar a los usuarios una notificación sobre el progreso a través de un centro de notificaciones. Los datos que no son de imágenes se almacenan en CosmosDB. La aplicación web accede a los datos y a las imágenes del servicio de back-end a través de Traffic Manager.

La aplicación de cliente móvil funciona en modo sin conexión, lo que permite ver y cargar imágenes incluso cuando no tiene una conexión de red.

Social mobile and web app with authenticationThis mobile client app offers social image sharing with a companion web app. The app back end service does background image processing using an Azure Function and can notify users of progress via a notification hub. Non-image data is stored in CosmosDB. The web app accesses the back end service data and images via Traffic Manager. 1110987654321

Cree la aplicación con Visual Studio y Xamarin.

Agregue el servicio de back-end Azure App Service Mobile Apps a la solución de la aplicación.

Implemente la autenticación a través de proveedores de identidad social.

Almacene datos que no sean de imágenes en CosmosDB y use Azure Cache for Redis para guardarlos en una memoria caché.

Almacene imágenes cargadas en Azure Blob Storage.

Ponga en cola mensajes sobre imágenes cargadas recientemente.

Use Azure Functions para quitar de la cola los mensajes y procesar las imágenes recuperadas de Blob Storage.

Envíe notificaciones push a usuarios a través de un centro de notificaciones.

Compile y pruebe la aplicación con Visual Studio App Center y publíquela.

Controle la distribución del tráfico de usuario a puntos de conexión de servicio en diferentes centros de datos.

Use Application Insights para supervisar la instancia de App Service.

  1. 1 Cree la aplicación con Visual Studio y Xamarin.
  2. 2 Agregue el servicio de back-end Azure App Service Mobile Apps a la solución de la aplicación.
  3. 3 Implemente la autenticación a través de proveedores de identidad social.
  4. 4 Almacene datos que no sean de imágenes en CosmosDB y use Azure Cache for Redis para guardarlos en una memoria caché.
  5. 5 Almacene imágenes cargadas en Azure Blob Storage.
  6. 6 Ponga en cola mensajes sobre imágenes cargadas recientemente.
  1. 7 Use Azure Functions para quitar de la cola los mensajes y procesar las imágenes recuperadas de Blob Storage.
  2. 8 Envíe notificaciones push a usuarios a través de un centro de notificaciones.
  3. 9 Compile y pruebe la aplicación con Visual Studio App Center y publíquela.
  4. 10 Controle la distribución del tráfico de usuario a puntos de conexión de servicio en diferentes centros de datos.
  5. 11 Use Application Insights para supervisar la instancia de App Service.

Guía sobre la implementación

Productos/descripción Documentación

Visual Studio

Cree el front-end web, aplicaciones móviles y servicios de back-end con C# en Visual Studio 2017 o Visual Studio para Mac.

Xamarin

Cree aplicaciones móviles para iOS y Android con C# y los SDK de Azure.

Visual Studio App Center

App Center permite un flujo de trabajo de integración e implementación continuas extrayendo código de BitBucket, GitHub y Visual Studio Team Services.

App Service

Una aplicación web de App Service puede hospedar una aplicación web para cliente y un servicio que el cliente web y móvil usan.

Azure Functions

Use Azure Functions para procesamiento en segundo plano sin servidor. Por ejemplo, una función de Azure puede cambiar automáticamente el tamaño de los blobs nuevos que se agregan a un contenedor, mientras que otra función escucha los mensajes de una cola para eliminar varias imágenes en segundo plano.

Detalles de la aplicación

Detecte problemas, diagnostique bloqueos y mantenga un seguimiento del uso de su aplicación web con Application Insights. Tome decisiones informadas en todo el ciclo de vida de desarrollo.

Azure Cosmos DB

Azure Cosmos DB es un servicio de base de datos de documentos NoSQL totalmente administrado. Ofrece consultas y procesamiento de transacciones de datos sin esquema, un rendimiento predecible y fiable, y un desarrollo rápido.

Queue Storage

Azure Queue Storage se utiliza para mensajería duradera entre el back-end de App Service y Azure Functions.

Blob Storage

Las imágenes se almacenan en Azure Storage para aprovechar la mejor escalabilidad con el menor costo. La comunicación entre la aplicación web y la función de Azure suele llevarse a cabo con desencadenadores de blobs y Azure Queue Storage.

Notification Hubs

Azure Notification Hubs se utiliza para notificaciones push escalables entre plataformas.

Traffic Manager

Azure Traffic Manager controla la distribución del tráfico de los usuarios en puntos de conexión de servicio de diferentes centros de datos con el fin de entregar una aplicación con alta disponibilidad y una gran capacidad de respuesta.

Información del producto

Los vínculos a la derecha proporcionan documentación sobre cómo implementar y administrar los productos de Azure que figuran en la arquitectura de la solución de abajo.

Arquitecturas de soluciones relacionadas

Task-based consumer mobile appThis consumer mobile app architecture uses Azure App Service Mobile Apps to simplify authentication with multiple social identity providers, store data and sync it for offline access and send push notifications.539468712

Aplicaciones móviles de consumidor basadas en tareas

Esta arquitectura de aplicaciones móviles de consumidor usa Azure App Service Mobile Apps para simplificar la autenticación con varios proveedores de identidades sociales, almacenar datos y sincronizarlos para acceso sin conexión y enviar notificaciones de inserción.

Custom mobile workforce appThis mobile workforce app architecture uses Active Directory to secure corporate data from an SAP back end system, delivered to devices via Azure App Service API Management.12345678

Personalizar aplicaciones de recursos móviles

Esta arquitectura de aplicación de recursos móviles utiliza Active Directory para proteger los datos corporativos de un sistema SAP de back-end, que se entregan a dispositivos a través de Azure App Service API Management.