Application mobile consommateur basée sur les tâches

App Service
App Service - Mobile Apps
Xamarin

Idée de solution

Si vous souhaitez nous voir développer cet article avec d’autres informations, telles que des cas d’usage potentiels, d’autres services, des considérations d’implémentation ou un guide des prix, faites-le nous savoir avec les Commentaires de GitHub.

Cette architecture d’application mobile de consommateur utilise Azure App Service Mobile Apps pour simplifier l’authentification auprès de plusieurs fournisseurs d’identité sociale, stocker des données et les synchroniser pour l’accès hors connexion et envoyer des notifications Push.

L’application est crée avec Visual Studio (PC ou Mac) et Xamarin, sur la base d’un code C# compatible avec Android, iOS et Windows, pour une expérience utilisateur toujours fonctionnelle. Visual Studio App Center est utilisé pour automatiser les builds et les tests et les distribuer aux testeurs et aux magasins d’applications de la version bêta, tout en alimentant la surveillance et les analyses sur l’utilisation avec Application Insights.

Les liens situés à droite permettent d’accéder à une documentation sur le déploiement et la gestion des produits Azure listés dans l’architecture de la solution précédente.

Visual Studio Team Services

Visual Studio

Visual Studio Tools pour Xamarin

Application Insights

Visual Studio App Center

App Service Mobile Apps

Architecture

Diagramme d’architecture Télécharger un SVG de cette architecture.

Data Flow

  1. Créez l’application mobile à l’aide de Visual Studio et Xamarin.
  2. Créez et configurez un nouveau back-end Mobile Apps sur le Portail Azure, ou via Visual Studio, et configurez la solution dans Visual Studio pour communiquer avec le back-end.
  3. Implémentez l’authentification via des fournisseurs d’identité sociale.
  4. Créez une structure de données basée sur des modèles via les API et le kit de développement logiciel (SDK) App Service.
  5. Implémentez la synchronisation hors connexion pour rendre l’application mobile opérationnelle sans connexion réseau.
  6. Si vous avez créé le back-end dans Visual Studio, vous pouvez publier le service d’application directement à partir de Visual Studio (PC ou Mac).
  7. Stockez le code source de la solution avec le fournisseur de contrôle de code source de votre choix.
  8. Générez et testez l’application via Visual Studio App Center, puis publiez-la.
  9. Utilisez Application Insights pour surveiller App Service.

Composants

  • Créez le site web frontal, les applications mobiles et les services back-end avec C# dans Visual studio 2017 ou Visual studio pour Mac.
  • Création d’applications multiplateforme : créez des applications mobiles pour iOS et Android à l’aide de C# et des kits de développement logiciel (SDK) Azure.
  • Visual Studio App Center : App Center permet un workflow d’intégration et de déploiement continu en extrayant le code de BitBucket, GitHub et Visual Studio Team Services.
  • Service d’application : L’application cliente utilise l’un des kits de développement logiciel (SDK) client mobiles pour se connecter à un backend d’application mobile Azure. Les kits de développement logiciel (SDK) clients prennent en charge la synchronisation et l’authentification hors connexion, ce qui facilite grandement la création d’une application complète.
  • Application Insights : Détectez les problèmes, diagnostiquez les incidents et suivez l’utilisation de votre application web avec Application Insights. Optimisez vos prises de décisions durant le cycle de développement.
  • Azure SQL Database : Les données structurées sont stockées dans SQL Database, un service de base de données relationnelle Cloud, qui prend en charge les transactions et l’interrogation efficace.
  • Synchronisation hors connexion : Utilisez la fonctionnalité de synchronisation des données hors connexion des kits de développement logiciel (SDK) clients Azure Mobile App pour créer des applications réactives et fiables qui restent utiles même en cas de problème réseau.
  • Fournisseur d’identité : Utilisez l’authentification/autorisation App Service pour une intégration à un fournisseur d’identité de réseaux sociaux ou d’entreprise.

Étapes suivantes