Sociale mobilapps og webapps med godkendelse

Denne mobilklientapp giver mulighed for deling af billeder på sociale netværk med en tilhørende webapp. App-back-end-tjenesten udfører behandling af baggrundsbilleder med Azure Function og kan give brugerne besked om status via en meddelelseshub. Ikke-billeddata gemmes i CosmosDB. Webappen opretter adgang til back-end-tjenestens data og billeder via Traffic Manager.

Mobilklientappen arbejder i offlinetilstand, så du kan se og uploade billeder, selv når du ikke har en netværksforbindelse.

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

Opret appen vha. Visual Studio og Xamarin.

Føj Azure App Service Mobile Apps-back-end-tjenesten til appløsningen.

Implementer godkendelse via udbydere af sociale identitetsudbydere.

Gem ikke-billeddata i CosmosDB, og foretag cachelagring af dem i Azure Cache for Redis.

Gem uploadede billeder i Azure Blob Storage.

Kømeddelelser om nyligt uploadede billeder.

Brug Azure Functions til at fjerne meddelelser fra køer og behandle billeder, der er hentet fra BLOB-lageret.

Send pushmeddelelser til brugere gennem en meddelelseshub.

Byg og test appen vha. Visual Studio App Center, og publicer den.

Kontrollér distributionen af brugertrafik for tjenesteslutpunkter i forskellige datacentre.

Brug Application Insights til at overvåge apptjenesten.

  1. 1 Opret appen vha. Visual Studio og Xamarin.
  2. 2 Føj Azure App Service Mobile Apps-back-end-tjenesten til appløsningen.
  3. 3 Implementer godkendelse via udbydere af sociale identitetsudbydere.
  4. 4 Gem ikke-billeddata i CosmosDB, og foretag cachelagring af dem i Azure Cache for Redis.
  5. 5 Gem uploadede billeder i Azure Blob Storage.
  6. 6 Kømeddelelser om nyligt uploadede billeder.
  1. 7 Brug Azure Functions til at fjerne meddelelser fra køer og behandle billeder, der er hentet fra BLOB-lageret.
  2. 8 Send pushmeddelelser til brugere gennem en meddelelseshub.
  3. 9 Byg og test appen vha. Visual Studio App Center, og publicer den.
  4. 10 Kontrollér distributionen af brugertrafik for tjenesteslutpunkter i forskellige datacentre.
  5. 11 Brug Application Insights til at overvåge apptjenesten.

Implementeringsvejledning

Produkter/beskrivelse Dokumentation

Visual Studio

Byg web-front-end'en, mobilapps og back-end-tjenester vha. C# i Visual Studio 2017 eller Visual Studio til Mac.

Xamarin

Opret mobilapps til iOS og Android vha. C# og Azure-SDK'er.

Visual Studio App Center

App Center giver mulighed for løbende vedvarende arbejdsprocesser til integration og installation ved at hente kode fra BitBucket, GitHub og Visual Studio Team Services.

App Service

En webapp i App Service kan være vært for en webapp til kunderne og en tjeneste, der bruges af både en webklient og en mobilklient.

Azure Functions

Brug Azure Functions til behandling i baggrunden uden server. Én Azure-funktion kan f.eks. automatisk tilpasse størrelsen af nye BLOBS, når de føjes til en objektbeholder, mens en anden funktion lytter efter meddelelser i en kø for at slette flere baggrundsbilleder.

Application Insights

Registrer problemer, diagnosticer nedbrud, og spor brug i webappen med Application Insights. Træf kvalificerede beslutninger gennem hele livscyklussen til udvikling.

Azure Cosmos DB

Azure Cosmos DB er en fuldt administreret tjeneste til NoSQL-dokumentdatabaser. Den tilbyder behandling af forespørgsler og transaktioner over skemafri data, forudsigelig og pålidelig ydeevne og hurtig udvikling.

Kølager

Azure Queue Storage bruges til pålidelig meddelelsesstyring mellem App Service-backenden og Azure Functions.

Bloblager

Billeder gemmes i Azure Storage for at udnytte bedre skalerbarhed med lavere omkostninger. Kommunikationen mellem webappen og Azure-funktionen udføres ofte ved hjælp af BLOB-udløsere og Azure Queue Storage.

Notification Hubs

Azure Notification Hubs bruges til skalerbare pushmeddelelser på tværs af platforme.

Traffic Manager

Azure Traffic Manager styrer fordelingen af brugertrafik for tjenesteslutpunkter i forskellige datacentre for at levere et yderst dynamisk og tilgængeligt program.

Produktoplysninger

Links til den korrekte dokumentation om udrulning og administration af de Azure-produkter, der er angivet i løsningsarkitekturen ovenfor.

Relaterede løsningsarkitekturer

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

Opgavebaseret mobilapp til forbrugere

Denne arkitektur til en mobilapp til forbrugere bruger Azure App Service Mobile Apps til at forenkle godkendelse med flere sociale identitetsudbydere, gemme data og synkronisere dem til offlineadgang samt til at sende pushmeddelelser.

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

Brugerdefineret mobilapp til medarbejderne

Arkitekturen til denne app til den mobile arbejdsstyrke anvender Active Directory til at sikre virksomhedsdata fra et SAP-back-end-system, der leveres til enheder via Azure App Service API Management.