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.

인증과 소셜 모바일 및 웹앱이 모바일 클라이언트 앱은 컴패니언 웹앱과 소셜 이미지 공유를 제공합니다. 앱 백 엔드 서비스는 Azure Function을 사용하여 백그라운드 이미지 처리를 수행하고 알림 허브를 통해 사용자에게 진행률을 알릴 수 있습니다. 이미지가 아닌 데이터는 CosmosDB에 저장됩니다. 웹앱은 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

작업 기반 소비자 모바일 앱이 소비자 모바일 앱 아키텍처에서는 Azure App Service Mobile Apps를 사용하여 여러 소셜 ID 공급자를 이용한 인증을 간소화하고 오프라인 액세스를 위해 데이터를 저장하고 동기화하며 푸시 알림을 보냅니다.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.

사용자 지정 모바일 인력 앱이 모바일 인력 앱 아키텍처는 Active Directory를 사용하여 Azure App Service API Management를 통해 디바이스로 전송된, SAP 백 엔드 시스템의 회사 데이터를 보호합니다.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.