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.

Aplicación móvil y web social con autenticaciónEsta 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. 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