App Web e per dispositivi mobili social con autenticazione

Questa app client per dispositivi mobili offre la condivisione di immagini su social network con un'app Web complementare. Il servizio back-end dell'app esegue l'elaborazione in background delle immagini usando una funzione di Azure e può comunicare lo stato del processo agli utenti tramite un hub di notifica. I dati non di immagine vengono archiviati in CosmosDB. L'app Web accede ai dati del servizio back-end e alle immagini tramite Gestione traffico.

L'app client per dispositivi mobili funziona in modalità offline, per permettere agli utenti di visualizzare e caricare le immagini anche in assenza di una connessione di rete.

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

Crea l'app usando Visual Studio e Xamarin.

Aggiungi il servizio back-end delle app per dispositivi mobili del servizio app di Azure alla soluzione app.

Implementa l'autenticazione tramite provider di identità basata su social network.

Archivia dati non di immagine in CosmosDB e memorizzali nella cache in Cache Redis di Azure.

Archivia le immagini caricate in Archiviazione BLOB di Azure.

Accoda i messaggi sulle immagini caricate di recente.

Usa Funzioni di Azure per annullare l'accodamento dei messaggi ed elaborare le immagini recuperate dall'archiviazione BLOB.

Invia notifiche push agli utenti tramite un hub di notifica.

Compila ed esegui test dell'app tramite Visual Studio App Center e pubblicala.

Controlla la distribuzione del traffico utente per gli endpoint di servizio in diversi data center.

Usa Application Insights per monitorare il servizio app.

  1. 1 Crea l'app usando Visual Studio e Xamarin.
  2. 2 Aggiungi il servizio back-end delle app per dispositivi mobili del servizio app di Azure alla soluzione app.
  3. 3 Implementa l'autenticazione tramite provider di identità basata su social network.
  4. 4 Archivia dati non di immagine in CosmosDB e memorizzali nella cache in Cache Redis di Azure.
  5. 5 Archivia le immagini caricate in Archiviazione BLOB di Azure.
  6. 6 Accoda i messaggi sulle immagini caricate di recente.
  1. 7 Usa Funzioni di Azure per annullare l'accodamento dei messaggi ed elaborare le immagini recuperate dall'archiviazione BLOB.
  2. 8 Invia notifiche push agli utenti tramite un hub di notifica.
  3. 9 Compila ed esegui test dell'app tramite Visual Studio App Center e pubblicala.
  4. 10 Controlla la distribuzione del traffico utente per gli endpoint di servizio in diversi data center.
  5. 11 Usa Application Insights per monitorare il servizio app.

Linee guida di implementazione

Prodotti/Descrizione Documentazione

Visual Studio

Crea il front-end Web, le app per dispositivi mobili e i servizi back-end con C# in Visual Studio 2017 o Visual Studio per Mac.

Xamarin

Crea app per dispositivi mobili per iOS e Android usando C# e Azure SDK.

Visual Studio App Center

App Center offre un flusso di lavoro di integrazione e distribuzione continue eseguendo il pull del codice da BitBucket, GitHub e Visual Studio Team Services.

Servizio app

Un'app Web del servizio app può ospitare un'app Web per i clienti e un servizio usato dai client Web e per dispositivi mobili.

Funzioni di Azure

Usa Funzioni di Azure per elaborazione in background senza server. Una funzione di Azure può ad esempio ridimensionare automaticamente nuovi BLOB quando vengono aggiunti a un contenitore, mentre un'altra funzione è in ascolto di messaggi su una coda per eliminare immagini multiple in background.

Application Insights

Rileva i problemi, diagnostica gli arresti anomali e tieni traccia dell'utilizzo nella tua app Web con Application Insights. Prendi decisioni basate su informazioni aggiornate per tutto il ciclo di vita di sviluppo.

Azure Cosmos DB

Azure Cosmos DB è un servizio di database di documenti NoSQL completamente gestito. Offre query e transazioni su dati privi di schema, prestazioni prevedibili e affidabili e sviluppo rapido.

Archiviazione code

L'archiviazione code di Azure viene usata per messaggistica durevole tra il back-end del servizio app e Funzioni di Azure.

Archiviazione BLOB

Le immagini vengono archiviate in Archiviazione di Azure per ottenere scalabilità migliore a costi inferiori. La comunicazione tra l'app Web e la funzione di Azure avviene spesso tramite i trigger dei BLOB e l'archiviazione code di Azure.

Hub di notifica

Hub di notifica di Azure viene usato per notifiche push multipiattaforma scalabili.

Gestione traffico

Gestione traffico di Azure controlla la distribuzione del traffico utente per gli endpoint di servizio in diversi data center per offrire un'applicazione a reattività e disponibilità elevate.

Informazioni sui prodotti

I collegamenti a destra consentono di visualizzare la documentazione sulla distribuzione e sulla gestione dei prodotti di Azure elencati nell'architettura della soluzione riportata in precedenza.

Architetture delle soluzioni correlate

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

App per dispositivi mobili consumer basate su attività

Questa architettura per app per dispositivi mobili consumer usa le app per dispositivi mobili del servizio app di Azure per semplificare l'autenticazione con più provider di identità basata su social network, l'archiviazione dei dati, la sincronizzazione dei dati per l'accesso offline e l'invio di notifiche 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

App per la forza lavoro mobile personalizzata

L'architettura dell'app per la forza lavoro mobile usa Active Directory per proteggere i dati aziendali da un sistema back-end SAP, distribuito ai dispositivi tramite Gestione API del Servizio app di Azure.