Aplicação Social Mó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, detalhes de implementação, orientação de preços ou exemplos de código, informe-nos com o Feedback do GitHub!

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 do Traffic Manager.

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

Os links para a direita fornecem documentação sobre a implantação e gestão dos produtos Azure listados na arquitetura de solução acima.

Serviços de equipe de estúdio visual

Visual Studio

Ferramentas de estúdio visual para Xamarin

Application Insights

Visual Studio App Center

Aplicações Móveis do Serviço de Aplicações

Arquitetura

Diagrama de arquitetura Descarregue um SVG desta arquitetura.

Fluxo de Dados

  1. Crie a aplicação utilizando o Visual Studio e o Xamarin.
  2. Adicione o serviço de aplicações móveis Azure App mobile para trás na 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 Cache Azure para Redis.
  5. Armazenar imagens carregadas no Azure Blob Storage.
  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 do 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 insights 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# no 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 código dos Serviços bitBucket, GitHub e Visual Studio Team.
  • 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.
  • Insights de Aplicação: Detetar problemas, diagnosticar falhas e rastrear o uso na sua aplicação web com o Application Insights. 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: O Azure Storage 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 Traffic Manager 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