Application personnalisée pour les travailleurs itinérantsCustom Mobile Workforce App

Idée de solution Solution Idea

Si vous souhaitez nous voir développer cet article avec d’autres informations, les détails de l’implémentation, le guide de tarification ou des exemples de code, faites-le-nous savoir avec les Commentaires de GitHub !If you'd like to see us expand this article with more information, implementation details, pricing guidance, or code examples, let us know with GitHub Feedback!

Cette architecture d’application pour les travailleurs itinérants utilise Active Directory pour sécuriser des données d’entreprise d’un système principal SAP, livrées aux appareils via le service Gestion des API d’Azure App Service.This 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.

Une application cliente Xamarin.Forms, qui prend en charge iOS, Android et Windows, opère hors connexion et permet aux ingénieurs de terrain d’afficher et de modifier les tâches qui leur sont attribuées.A Xamarin.Forms client app, with support for iOS, Android, and Windows, works offline and enables field engineers to view and edit the jobs assigned to them.

L’application est créée avec Visual Studio (PC ou Mac) et Xamarin, partageant un code C# compatible avec Android, iOS et Windows, sans compromettre l’expérience utilisateur.The app is built with Visual Studio (PC or Mac) and Xamarin, sharing C# code across Android, iOS, and Windows without compromising user experience. 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.Visual Studio App Center is used to automate builds and tests and distribute to beta testers and app stores, while also providing usage monitoring and analytics in conjunction with App 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.The links to the right provide documentation on deploying and managing the Azure products listed in the solution architecture above.

Visual Studio Team ServicesVisual Studio Team Services

Visual StudioVisual Studio

Visual Studio Tools pour XamarinVisual Studio Tools for Xamarin

Application InsightsApplication Insights

Visual Studio App CenterVisual Studio App Center

App Service Mobile AppsApp Service Mobile Apps

ArchitectureArchitecture

Diagramme d’architecture Télécharger un SVG de cette architecture.Architecture diagram Download an SVG of this architecture.

Data FlowData Flow

  1. Créez l’application à l’aide de Visual Studio et de Xamarin.Create the app using Visual Studio and Xamarin.
  2. Ajoutez le service back-end Azure App Service Mobile Apps à la solution d’application.Add the Azure App Service Mobile Apps back end service to the app solution.
  3. Implémentez l’authentification via Azure Active Directory.Implement authentication through Azure Active Directory.
  4. Connectez-vous à des données métier dans des systèmes externes tels que SAP à l’aide du service Gestion des API Azure.Connect to business data in external systems like SAP using Azure API Management.
  5. Implémentez la synchronisation hors connexion pour rendre l’application mobile opérationnelle sans connexion réseau.Implement offline sync to make the mobile app functional without a network connection.
  6. Générez et testez l’application via Visual Studio App Center, puis publiez-la.Build and test the app through Visual Studio App Center and publish it.
  7. Utilisez Application Insights pour surveiller App Service.Use Application Insights to monitor the App Service.
  8. Déployez l’application sur les appareils à l’aide d’App Center.Deploy the app to devices using App Center.

ComposantsComponents

  • 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.Build the web front end, mobile apps, and back end services with C# in Visual Studio 2017 or Visual Studio for Mac.
  • Xamarin : Créez des applications mobiles pour iOS et Android à l’aide de C# et des kits de développement logiciel (SDK) Azure.Xamarin: Create mobile apps for iOS and Android using C# and Azure SDKs.
  • 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.Visual Studio App Center: App Center enables a continuous integration and deployment workflow by pulling code from BitBucket, GitHub, and Visual Studio Team Services.
  • Une application web App Service peut héberger une application web destinée aux clients et un service utilisé par les clients web et mobile.An App Service web app can host a customer-facing web app and a service that is used by both the web and mobile client.
  • Application Insights : Détectez les problèmes, diagnostiquez les incidents et suivez l’utilisation de votre application web avec Application Insights.Application Insights: Detect issues, diagnose crashes, and track usage in your web app with Application Insights. Prenez des décisions éclairées durant le cycle de vie de développement.Make informed decisions throughout the development lifecycle.
  • Gestion des API : publiez des API pour des développeurs externes, partenaires et employés en toute sécurité et à grande échelle.API Management: Publish APIs to external, partner, and employee developers securely and at scale.
  • Azure Active Directory est utilisé pour une authentification sécurisée de qualité professionnelle.Azure Active Directory is used for secure, enterprise-grade authentication.

Étapes suivantesNext steps