Bewerken

Op taken gebaseerde mobiele app voor consumenten

App Service
App Service - Mobile Apps
Xamarin

Oplossingsideeën

Dit artikel is een oplossingsidee. Als u wilt dat we de inhoud uitbreiden met meer informatie, zoals mogelijke use cases, alternatieve services, implementatieoverwegingen of prijsrichtlijnen, laat het ons dan weten door GitHub-feedback te geven.

Deze architectuur voor mobiele apps voor consumenten maakt gebruik van Azure App Service Mobile Apps om verificatie te vereenvoudigen met meerdere sociale id-providers, gegevens op te slaan en te synchroniseren voor offlinetoegang en pushmeldingen te verzenden.

De app is gebouwd met Visual Studio (PC of Mac) en Xamarin, waarbij C#-code wordt gedeeld in Android, iOS en Windows, zonder dat dit ten koste gaat van de gebruikerservaring. Visual Studio App Center wordt gebruikt om builds en tests te automatiseren en te distribueren naar bètatesters en app stores, terwijl ook gebruiksbewaking en analyses worden geboden in combinatie met App Insights.

De volgende Azure-services worden gebruikt in de oplossingsarchitectuur:

Potentiële gebruikscases

Organisaties gebruiken deze oplossing om gebruikersverificatie te vereenvoudigen.

Architectuur

In het architectuurdiagram ziet u dat een technicus een app maakt in Visual Studio om te implementeren met App Services en om te analyseren met Application Insights.Download een SVG-bestand van deze architectuur.

Gegevensstroom

  1. Maak de mobiele app met Visual Studio en Xamarin.
  2. Maak en configureer een nieuwe Mobile Apps-back-end op de Azure Portal, of via Visual Studio, en configureer de oplossing in Visual Studio om te communiceren met de back-end.
  3. Verificatie implementeren via id-providers voor sociale netwerken.
  4. Maak een modelgestuurde gegevensstructuur via de App Service API's en SDK.
  5. Implementeer offlinesynchronisatie om de mobiele app functioneel te maken zonder een netwerkverbinding.
  6. Als u de back-end in Visual Studio hebt gemaakt, kunt u de app-service rechtstreeks vanuit Visual Studio (pc of Mac) publiceren.
  7. Sla de broncode van de oplossing op met de bronbeheerprovider van uw keuze.
  8. Bouw en test de app via Visual Studio App Center en publiceer deze.
  9. Gebruik Application Insights om de App Service te bewaken.

Onderdelen

  • Bouw de webfront-end, mobiele apps en back-endservices met C# in Visual Studio 2017 of Visual Studio voor Mac.
  • Platformoverschrijdende toepassingen bouwen: mobiele apps maken voor iOS en Android met behulp van C# en Azure SDK's.
  • Visual Studio App Center: App Center maakt een werkstroom voor continue integratie en implementatie mogelijk door code op te halen uit BitBucket, GitHub en Visual Studio Team Services.
  • App Service: De client-app maakt gebruik van een van de SDK's voor mobiele clients om verbinding te maken met een back-end van een mobiele Azure-app. De client-SDK's hebben ingebouwde ondersteuning voor offlinesynchronisatie en verificatie, waardoor het veel eenvoudiger is om een volledige app te bouwen.
  • Application Insights: Problemen detecteren, crashes diagnosticeren en het gebruik bijhouden in uw web-app met Application Insights. Neem weloverwogen beslissingen tijdens de ontwikkelingslevenscyclus.
  • Azure SQL Database: Gestructureerde gegevens worden opgeslagen in SQL Database, een relationele clouddatabaseservice die transacties en efficiënte query's ondersteunt.
  • Offlinesynchronisatie: gebruik de functie voor offlinegegevenssynchronisatie van de CLIENT-SDK's van de Azure Mobile App om responsieve en robuuste apps te maken die nuttig blijven, zelfs wanneer er netwerkproblemen zijn.
  • Id-provider: gebruik App Service verificatie/autorisatie om te integreren met een sociale of zakelijke id-provider.

Volgende stappen