Aplicativos Web e móveis sociais com autenticação

Um aplicativo cliente móvel oferece compartilhamento de imagem social com um aplicativo Web complementar. O serviço de back-end do aplicativo executa processamento de imagem em segundo plano usando uma função do Azure e pode notificar os usuários sobre o andamento por meio de um hub de notificação. Os dados que não são de imagem são armazenados no CosmosDB. O aplicativo Web acessa os dados e as imagens do serviço de back-end por meio do Gerenciador de Tráfego.

O aplicativo cliente móvel funciona no modo offline, permitindo que os usuários exibam e carreguem imagens mesmo quando eles não têm conexão de rede.

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

Crie o aplicativo usando o Visual Studio e o Xamarin.

Adicione o serviço back-end dos Aplicativos Móveis do Serviço de Aplicativo do Azure à solução de aplicativo.

Implemente a autenticação por meio de provedores de identidade social.

Armazene dados que não sejam de imagem no CosmosDB e armazene-os em cache no Cache Redis do Azure.

Armazene imagens carregadas no Armazenamento de Blobs do Azure.

Enfileire mensagens sobre imagens recém-carregadas.

Use o Azure Functions para remover mensagens da fila e processar as imagens recuperadas do Armazenamento de Blobs.

Envie notificações por push aos usuários por meio de um hub de notificação.

Crie e teste o aplicativo por meio do Visual Studio App Center e publique-o.

Controle a distribuição do tráfego do usuário aos pontos de extremidade de serviço em diferentes datacenters.

Use o Application Insights para monitorar o serviço de aplicativo.

  1. 1 Crie o aplicativo usando o Visual Studio e o Xamarin.
  2. 2 Adicione o serviço back-end dos Aplicativos Móveis do Serviço de Aplicativo do Azure à solução de aplicativo.
  3. 3 Implemente a autenticação por meio de provedores de identidade social.
  4. 4 Armazene dados que não sejam de imagem no CosmosDB e armazene-os em cache no Cache Redis do Azure.
  5. 5 Armazene imagens carregadas no Armazenamento de Blobs do Azure.
  6. 6 Enfileire mensagens sobre imagens recém-carregadas.
  1. 7 Use o Azure Functions para remover mensagens da fila e processar as imagens recuperadas do Armazenamento de Blobs.
  2. 8 Envie notificações por push aos usuários por meio de um hub de notificação.
  3. 9 Crie e teste o aplicativo por meio do Visual Studio App Center e publique-o.
  4. 10 Controle a distribuição do tráfego do usuário aos pontos de extremidade de serviço em diferentes datacenters.
  5. 11 Use o Application Insights para monitorar o serviço de aplicativo.

Diretrizes de implementação

Produtos/descrição Documentação

Visual Studio

Crie o front-end da Web, os aplicativos móveis e os serviços de back-end com o C# no Visual Studio 2017 ou no Visual Studio para Mac.

Xamarin

Crie aplicativos móveis para iOS e Android usando o C# e os SDKs do Azure.

Visual Studio App Center

O App Center permite um fluxo de trabalho de implantação e integração contínua reunindo o código do BitBucket, do GitHub e do Visual Studio Team Services.

Serviço de Aplicativo

Um aplicativo Web de Serviço de Aplicativo pode hospedar um aplicativo Web destinado ao cliente e um serviço usado pelo cliente Web e móvel.

Funções do Azure

Use o Azure Functions para processamento em segundo plano sem servidor. Por exemplo, uma função do Azure pode redimensionar automaticamente os novos blobs à medida que eles são adicionados a um contêiner, enquanto outra função escuta mensagens em uma fila para excluir várias imagens em segundo plano.

Application Insights

Detecte problemas, diagnostique falhas e rastreie o uso em seu aplicativo Web com o Application Insights. Tome decisões informadas em todo o ciclo de vida de desenvolvimento.

Azure Cosmos DB

O Azure Cosmos DB é um serviço de banco de dados de documentos NoSQL totalmente gerenciado. Ele oferece consulta e processamento de transações em dados sem esquema, desempenho previsível e confiável e desenvolvimento rápido.

Armazenamento de filas

O armazenamento de Filas do Azure é usado para mensagens duráveis entre o back-end do Serviço de Aplicativo e o Azure Functions.

Armazenamento de blob

As imagens são armazenadas no Armazenamento do Azure para aproveitar a melhor escalabilidade com o menor custo. A comunicação entre o aplicativo Web e a função do Azure muitas vezes é realizada usando gatilhos de blob e o armazenamento de Filas do Azure.

Hubs de notificação

Os Hubs de Notificação do Azure são usados para notificações por push escalonáveis entre plataformas.

Gerenciador de Tráfego

O Gerenciador de Tráfego do Azure controla a distribuição do tráfico de usuários para os pontos de extremidade de serviço em diferentes datacenters para entregar um aplicativo altamente disponível e dinâmico.

Informações do produto

Os links à direita fornecem documentação sobre a implantação e o gerenciamento dos produtos do Azure listados na arquitetura da solução acima.

Arquiteturas de solução 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

Aplicativo móvel do consumidor baseado em tarefas

A arquitetura de aplicativo móvel do consumidor usa Aplicativos Móveis do Serviço de Aplicativo do Azure para simplificar a autenticação com vários provedores de identidade social, armazenar dados e sincronizá-los para o acesso offline, além de enviar notificações por push.

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

Aplicativo de força de trabalho móvel personalizado

Essa arquitetura de aplicativo de força de trabalho móvel usa o Active Directory para proteger dados corporativos de um sistema de back-end do SAP, entregue aos dispositivos por meio do Gerenciamento de API do Serviço de Aplicativo do Azure.