Aplicativo móvel do consumidor baseado em tarefasTask-Based Consumer Mobile App

Ideia da solução Solution Idea

Se você quiser nos ver, expanda este artigo com mais informações, detalhes de implementação, diretrizes de preços ou exemplos de código, fale conosco com os comentários do 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!

Essa arquitetura de aplicativo móvel do consumidor usa Azure App aplicativos móveis de serviço para simplificar a autenticação com vários provedores de identidade social, armazenar dados e sincronizá-los para acesso offline e enviar notificações por 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.

O aplicativo é criado com o Visual Studio (PC ou Mac) e o Xamarin, o compartilhamento de código C# em Android, iOS e Windows sem comprometer a experiência do usuário.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 é usado para automatizar compilações e testes e distribuir para testadores beta e lojas de aplicativos, além de fornecer monitoramento e análise de uso em conjunto com o 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.

Os links para a direita fornecem a documentação sobre como implantar e gerenciar os produtos do Azure listados na arquitetura da solução acima.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

Ferramentas do Visual Studio para XamarinVisual Studio Tools for Xamarin

Application InsightsApplication Insights

Visual Studio App CenterVisual Studio App Center

Aplicativos Móveis do Serviço de AplicativoApp Service Mobile Apps

ArquiteturaArchitecture

Diagrama de arquitetura Baixe um SVG dessa arquitetura.Architecture diagram Download an SVG of this architecture.

Fluxo de DadosData Flow

  1. Crie o aplicativo móvel usando o Visual Studio e o Xamarin.Create the mobile app using Visual Studio and Xamarin.
  2. Crie e configure um novo back-end de aplicativos móveis no portal do Azure, ou por meio do Visual Studio, e configure a solução no Visual Studio para se comunicar com o 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 a autenticação por meio de provedores de identidade social.Implement authentication through social identity providers.
  4. Crie uma estrutura de dados controlada por modelos por meio do SDK e APIs do serviço de aplicativo.Create a model-driven data structure through the App Service APIs and SDK.
  5. Implemente a sincronização offline para tornar o aplicativo móvel funcional sem uma conexão de rede.Implement offline sync to make the mobile app functional without a network connection.
  6. Se você criou o back-end no Visual Studio, poderá publicar o serviço de aplicativo diretamente do Visual Studio (PC ou Mac).If you created the back end in Visual Studio, you can publish the app service directly from Visual Studio (PC or Mac).
  7. Armazene o código-fonte da solução com o provedor de controle do código-fonte de sua escolha.Store the solution source code with your source control provider of choice.
  8. Crie e teste o aplicativo por meio de Visual Studio App Center e publique-o.Build and test the app through Visual Studio App Center and publish it.
  9. Use Application Insights para monitorar o serviço de aplicativo.Use Application Insights to monitor the App Service.

ComponentesComponents

  • Crie o front-end da Web, os aplicativos móveis e os serviços de back-end com C# no visual studio 2017 ou no 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: Crie aplicativos móveis para IOS e Android usando o C# e SDKs do Azure.Xamarin: Create mobile apps for iOS and Android using C# and Azure SDKs.
  • Visual Studio app Center: app Center permite um fluxo de trabalho de integração e implantação contínua ao obter o código de BitBucket, GitHub e 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.
  • Serviço de aplicativo: o aplicativo cliente usa um dos SDKs de cliente móvel para se conectar a um back-end do aplicativo móvel do Azure.App Service: The client app uses one of the mobile client SDKs to connect to an Azure Mobile App backend. Os SDKs do cliente têm suporte interno para sincronização offline e autenticação, tornando muito mais fácil criar um aplicativo completo.The client SDKs have built-in support for offline sync and authentication, making it much easier to build a full-featured app.
  • Application Insights: detectar problemas, diagnosticar falhas e acompanhar o uso em seu aplicativo Web com Application Insights.Application Insights: Detect issues, diagnose crashes, and track usage in your web app with Application Insights. Tome decisões informadas em todo o ciclo de vida do desenvolvimento.Make informed decisions throughout the development lifecycle.
  • Banco de dados SQL do Azure: os dados estruturados são armazenados no banco de dados SQL, um serviço de banco de dados relacional de nuvem, que dá suporte a transações e consultas eficientes.Azure SQL Database: Structured data is stored in SQL Database, a cloud relational database service, which supports transactions and efficient querying.
  • Sincronização offline: Use o recurso de sincronização de dados offline dos SDKs do cliente do aplicativo móvel do Azure para criar aplicativos responsivos e robustos que permanecem úteis mesmo quando há problemas de rede.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.
  • Provedor de identidade: Use a autenticação/autorização do serviço de aplicativo para integrar com um provedor de identidade empresarial ou social.Identity Provider: Use App Service authentication/authorization to integrate with a social or enterprise identity provider.

Próximas etapasNext steps