Op taken gebaseerde mobiele app voor consumenten

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

De app wordt gebouwd met Visual Studio (pc of Mac) en Xamarin, waarbij C#-code wordt gedeeld onder Android, iOS en Windows zonder dat de gebruikerservaring hieronder lijdt. Visual Studio App Center wordt gebruikt voor het automatiseren van builds en tests en het distribueren naar bètatesters en app-stores, terwijl tegelijkertijd beheer en analyses worden geboden met App Insights.

Op taken gebaseerde mobiele app voor consumentenDeze architectuur voor de mobiele app voor consumenten maakt gebruik van Azure App Service Mobile Apps om de verificatie met meerdere id-providers voor sociale netwerken te vereenvoudigen, om gegevens op te slaan en deze te synchroniseren voor offlinetoegang, en om pushmeldingen te verzenden.539468712

Maak de mobiele app met Visual Studio en Xamarin.

Maak en configureer een nieuwe Mobile Apps-back-end in Azure Portal, of via Visual Studio, en configureer de oplossing in Visual Studio om met de back-end te communiceren.

Implementeer verificatie via id-providers voor sociale netwerken.

Maak een modelgestuurde gegevensstructuur via de App Service-API's en SDK.

Implementeer offlinesynchronisatie om de mobiele app zonder netwerkverbinding te laten functioneren.

Als u de back-end hebt gemaakt in Visual Studio, kunt u de App Service rechtstreeks vanuit Visual Studio (pc of Mac) publiceren.

Sla de broncode van de oplossing op bij de broncodebeheerprovider van uw keuze.

Bouw en test de app via Visual Studio App Center en publiceer deze vervolgens.

Gebruik Application Insights om de App Service te controleren.

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

Begeleiding bij implementatie

Producten/beschrijving Documentatie

Visual Studio

Bouw het web-front-end, mobiele apps en back-endservices met C# in Visual Studio 2017 of Visual Studio voor Mac.

Xamarin

Maak mobiele apps voor iOS en Android met C# en Azure SDK's.

Visual Studio App Center

App Center maakt een continue integratie- en implementatiewerkstroom mogelijk door code uit BitBucket, GitHub en Visual Studio Team Services te halen.

App Service

De clientapp maakt gebruik van een van de mobiele client-SDK's om verbinding te maken met een back-end van Azure Mobile App. De client-SDK's hebben ingebouwde ondersteuning voor offlinesynchronisatie en -verificatie, waardoor het bouwen van een volledig functionele app veel gemakkelijker wordt.

Application Insights

Spoor problemen op, stel de oorzaak van crashes vast en houd het gebruik bij binnen uw web-app met Application Insights. Neem goed onderbouwde beslissingen op elk moment gedurende de ontwikkelfase.

Azure SQL Database

Gestructureerde gegevens worden opgeslagen in SQL Database, een relationele databaseservice in de cloud die transacties en efficiënte query's ondersteunt.

Offlinesynchronisatie

Gebruik de functie voor offlinesynchronisatie van gegevens van de SDK's voor Azure Mobile App-client om responsieve en robuuste apps te maken die ook kunnen worden gebruikt als er netwerkproblemen zijn.

Id-provider

Gebruik verificatie/autorisatie van App Service om te integreren met een id-provider voor sociale of zakelijke doeleinden.

Productinformatie

De koppelingen aan de rechterkant leiden naar documentatie over het implementeren en beheren van de Azure-producten die in de bovenstaande oplossingsarchitectuur worden vermeld.

Gerelateerde architecturen voor oplossingen

Sociale mobiele en web-app met verificatieDeze mobiele clientapp wordt gebruikt om sociale installatiekopieën met een Companion-web-app te delen. De back-endservice voor de app verwerkt installatiekopieën op de achtergrond met behulp van een Azure Function en kan gebruikers via een meldingenhub informatie geven over de voortgang. Andere gegevens dan gegevens over de installatiekopie worden opgeslagen in CosmosDB. Via Traffic Manager krijgt de web-app toegang tot gegevens en installatiekopieën in de back-endservice. 1110987654321

Sociale mobiele en web-app met verificatie

Deze mobiele clientapp wordt gebruikt om sociale installatiekopieën met een Companion-web-app te delen. De back-endservice voor de app verwerkt installatiekopieën op de achtergrond met behulp van een Azure Function en kan gebruikers via een meldingenhub informatie geven over de voortgang. Andere gegevens dan gegevens over de installatiekopie worden opgeslagen in CosmosDB. Via Traffic Manager krijgt de web-app toegang tot gegevens en installatiekopieën in de back-endservice.