Aplicativo social para telemóvel e web com autenticação

Serviço de Aplicações - Aplicações Móveis
Funções
Gestor de Tráfego
Visual Studio
Xamarin

Ideia de solução

Se quiser ver-nos expandir este artigo com mais informações, tais como potenciais casos de uso, serviços alternativos, considerações de implementação ou orientação de preços, informe-nos com GitHub Feedback!

Esta aplicação de cliente móvel oferece partilha de imagem social com uma aplicação web companheira. O serviço back-end da aplicação faz o processamento de imagem de fundo usando uma Função Azure, e pode notificar os utilizadores do progresso através de um hub de notificação. Os dados de não imagem são armazenados em Cosmos DB. A aplicação web acede aos dados e imagens do serviço de back end através de Gestor de Tráfego do Azure.

Consulte os seguintes serviços, que estão em destaque nesta arquitetura de solução:

Potenciais casos de utilização

A aplicação de cliente móvel funciona em modo offline, o que lhe permite visualizar e carregar imagens, mesmo quando não tem uma ligação de rede.

Arquitetura

Diagrama de ArquiteturaDescarregue um SVG desta arquitetura.

Fluxo de dados

  1. Crie a aplicação utilizando Visual Studio e Xamarin.
  2. Adicione o serviço de aplicações móveis Azure App Mobile app back end service à solução de aplicação.
  3. Implementar a autenticação através de fornecedores de identidade social.
  4. Armazenar dados de não-imagem em Cosmos DB e cache-lo em Azure Cache para Redis.
  5. Armazenar imagens carregadas em Azure Blob Armazenamento.
  6. Mensagens de fila sobre imagens recém-carregadas.
  7. Utilize funções Azure para descodionar mensagens e processar imagens recuperadas do armazenamento de bolhas.
  8. Envie notificações push aos utilizadores através de um centro de notificação.
  9. Construa e teste a aplicação através de Visual Studio App Center e publique-a.
  10. Controlar a distribuição do tráfego do utilizador para os pontos finais de serviço em diferentes datacenters.
  11. Utilize Informações de aplicação para monitorizar o serviço de aplicações.

Componentes

  • Construa a frente web, aplicações móveis e serviços de back end com C# em Visual Studio 2017 ou Visual Studio para Mac.
  • Xamarin: Crie aplicativos móveis para iOS e Android utilizando SDKs C# e Azure.
  • Visual Studio App Center: O App Center permite uma integração contínua e fluxo de trabalho de implementação, puxando o código do BitBucket, GitHub e Visual Studio Team Services.
  • Uma aplicação web do Serviço de Aplicações pode acolher uma aplicação web virada para o cliente e um serviço que é usado tanto pelo cliente web como pelo cliente móvel.
  • Utilize funções Azure para processamento de fundo sem servidor. Por exemplo, uma função Azure pode automaticamente redimensionar novas bolhas quando são adicionadas a um recipiente, enquanto outra função ouve mensagens numa fila para eliminar várias imagens de fundo.
  • Informações de aplicação: Detetar problemas, diagnosticar falhas e rastrear o uso na sua aplicação web com Informações de aplicação. Tomar decisões informadas ao longo do ciclo de vida do desenvolvimento.
  • Azure Cosmos DB é um serviço de base de dados de documentos NoSQL totalmente gerido. Oferece consulta e processamento de transações sobre dados isentos de esquemas, desempenho previsível e fiável e desenvolvimento rápido.
  • O armazenamento da fila Azure é utilizado para mensagens duradouras entre o backend do Serviço de Aplicações e as Funções Azure.
  • Armazenamento blob: Azure Armazenamento acolhe ficheiros de imagem para tirar partido de uma melhor escalabilidade com menor custo. A comunicação entre a aplicação web e a função Azure é frequentemente realizada usando gatilhos blob e armazenamento da fila Azure.
  • Os Hubs de Notificação Azure são utilizados para notificações de push escaláveis e inter-plataformas.
  • O Azure Gestor de Tráfego controla a distribuição do tráfego de utilizadores para pontos finais de serviço em diferentes datacenters, de forma a fornecer uma aplicação altamente responsiva e disponível.

Passos seguintes