Aplicaciones móviles de consumidor basadas en tareas

App Service
App Service Mobile Apps
Xamarin

Idea de solución Solution Idea

Si desea que ampliemos este artículo con más información, detalles de la implementación, guía de precios o ejemplos de código, háganoslo saber en GitHub Feedback (Comentarios de GitHub).If you'd like to see us expand this article with more information, implementation details, pricing guidance, or code examples, let us know with GitHub Feedback!

Esta arquitectura de aplicación móvil para consumidor usa Azure App Service Mobile Apps para simplificar la autenticación con varios proveedores de identidades de redes sociales, almacenar datos y sincronizarlos para el acceso sin conexión y enviar notificaciones push.This 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.

La aplicación se compila con Visual Studio (PC o Mac) y Xamarin, compartiendo código C# en Android, iOS y Windows sin que afecte a la experiencia del usuario.The app is built with Visual Studio (PC or Mac) and Xamarin, sharing C# code across Android, iOS, and Windows without compromising user experience. Visual Studio App Center se usa para automatizar las compilaciones y pruebas, y distribuirlas a los evaluadores de las versiones beta y las tiendas de aplicaciones, a la vez que permite la supervisión y el análisis del uso junto con Application Insights.Visual Studio App Center is used to automate builds and tests and distribute to beta testers and app stores, while also providing usage monitoring and analytics in conjunction with App Insights.

Los vínculos de la derecha proporcionan documentación sobre la implementación y la administración de los productos de Azure que se enumeran en la arquitectura de la solución anterior.The links to the right provide documentation on deploying and managing the Azure products listed in the solution architecture above.

Visual Studio Team ServicesVisual Studio Team Services

Visual StudioVisual Studio

Visual Studio Tools para XamarinVisual Studio Tools for Xamarin

Application InsightsApplication Insights

Visual Studio App CenterVisual Studio App Center

App Service Mobile AppsApp Service Mobile Apps

ArchitectureArchitecture

Diagrama de la arquitectura Descargue un SVG de esta arquitectura.Architecture diagram Download an SVG of this architecture.

Data FlowData Flow

  1. Cree la aplicación móvil con Visual Studio y Xamarin.Create the mobile app using Visual Studio and Xamarin.
  2. Cree y configure un nuevo back-end de Mobile Apps en Azure Portal, o mediante Visual Studio, y configure la solución en Visual Studio para comunicarse con el back-end.Create and configure a new Mobile Apps back end on the Azure portal, or through Visual Studio, and configure the solution in Visual Studio to communicate with the back end.
  3. Implemente la autenticación mediante proveedores de identidades de redes sociales.Implement authentication through social identity providers.
  4. Cree una estructura de datos controlada por modelos mediante las API y el SDK de App Service.Create a model-driven data structure through the App Service APIs and SDK.
  5. Implemente la sincronización sin conexión para que la aplicación móvil sea funcional sin conexión de red.Implement offline sync to make the mobile app functional without a network connection.
  6. Si creó el back-end en Visual Studio, puede publicar el servicio de aplicaciones directamente desde Visual Studio (PC o Mac).If you created the back end in Visual Studio, you can publish the app service directly from Visual Studio (PC or Mac).
  7. Almacene el código fuente de la solución con el proveedor de control de código fuente que prefiera.Store the solution source code with your source control provider of choice.
  8. Compile y pruebe la aplicación con Visual Studio App Center y publíquela.Build and test the app through Visual Studio App Center and publish it.
  9. Use Application Insights para supervisar App Service.Use Application Insights to monitor the App Service.

ComponentesComponents

  • Compile el front-end web, las aplicaciones móviles y los servicios back-end con C# en Visual Studio 2017 o Visual Studio para Mac.Build the web front end, mobile apps, and back end services with C# in Visual Studio 2017 or Visual Studio for Mac.
  • Xamarin: cree aplicaciones móviles para iOS y Android con los SDK de Azure y C#.Xamarin: Create mobile apps for iOS and Android using C# and Azure SDKs.
  • Visual Studio App Center: App Center habilita un flujo de trabajo de integración e implementación continuas mediante la extracción de código de BitBucket, GitHub y Visual Studio Team Services.Visual Studio App Center: App Center enables a continuous integration and deployment workflow by pulling code from BitBucket, GitHub, and Visual Studio Team Services.
  • App Service: La aplicación cliente usa uno de los SDK de cliente móvil para conectarse a un back-end de aplicación móvil de Azure.App Service: The client app uses one of the mobile client SDKs to connect to an Azure Mobile App backend. Los SDK de cliente tienen compatibilidad integrada para la sincronización y la autenticación sin conexión, lo que facilita enormemente la compilación de una aplicación con todas las características.The client SDKs have built-in support for offline sync and authentication, making it much easier to build a full-featured app.
  • Application Insights: detecte problemas, diagnostique bloqueos y realice un seguimiento del uso de la aplicación web con Application Insights.Application Insights: Detect issues, diagnose crashes, and track usage in your web app with Application Insights. Tome decisiones fundamentadas a lo largo del ciclo de vida de desarrollo.Make informed decisions throughout the development lifecycle.
  • Azure SQL Database: Los datos estructurados se almacenan en SQL Database, un servicio de base de datos relacional en la nube, que admite transacciones y consultas eficaces.Azure SQL Database: Structured data is stored in SQL Database, a cloud relational database service, which supports transactions and efficient querying.
  • Sincronización sin conexión: Use la característica de sincronización de datos sin conexión de los SDK de cliente de aplicaciones móviles de Azure para crear aplicaciones eficaces y con capacidad de respuesta que sigan siendo útiles incluso cuando haya problemas de red.Offline sync: Use the offline data sync feature of the Azure Mobile App client SDKs to create responsive and robust apps that remain useful even when there are network issues.
  • Proveedor de identidades: Use la autenticación y autorización de App Service para la integración con un proveedor de identidades empresarial o de red social.Identity Provider: Use App Service authentication/authorization to integrate with a social or enterprise identity provider.

Pasos siguientesNext steps