カスタム モバイル ワークフォース アプリCustom Mobile Workforce App

ソリューションのアイデア Solution Idea

さらなる情報、実装の詳細、価格ガイダンス、コード例を追加してこの記事を拡張することをお望みの場合は、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!

このモバイル ワークフォース アプリのアーキテクチャでは、Active Directory を使用して、SAP バックエンド システムから企業データを保護し、Azure App Service API Management を介してデバイスに配信します。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.

iOS、Android、および Windows をサポートする Xamarin.Forms クライアント アプリはオフラインで動作し、フィールド エンジニアが割り当てられたジョブを表示および編集できるようにします。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.

このアプリは、Visual Studio (PC または Mac) と Xamarin を使用して構築されており、ユーザー エクスペリエンスを損なうことなく、Android、iOS、および Windows 間で C# コードを共有します。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 を使用して、ビルドとテストが自動化され、ベータ テスターとアプリ ストアに配布されます。また、App 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.

右側のリンクによって、上記のソリューション アーキテクチャに示されている Azure 製品のデプロイと管理に関するドキュメントが提示されます。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 for XamarinVisual Studio Tools for Xamarin

Application InsightsApplication Insights

Visual Studio App CenterVisual Studio App Center

App Service Mobile AppsApp Service Mobile Apps

ArchitectureArchitecture

アーキテクチャ図 このアーキテクチャの SVG をダウンロードしてください。Architecture diagram Download an SVG of this architecture.

Data FlowData Flow

  1. Visual Studio と Xamarin を使用してアプリを作成します。Create the app using Visual Studio and Xamarin.
  2. Azure App Service Mobile Apps バックエンド サービスをアプリ ソリューションに追加します。Add the Azure App Service Mobile Apps back end service to the app solution.
  3. Azure Active Directory を介して認証を実行します。Implement authentication through Azure Active Directory.
  4. Azure API Management を使用して、SAP などの外部システムのビジネス データに接続します。Connect to business data in external systems like SAP using Azure API Management.
  5. オフライン同期を実装すると、ネットワーク接続なしでモバイル アプリを機能させることができます。Implement offline sync to make the mobile app functional without a network connection.
  6. Visual Studio App Center を使用してアプリのビルドとテストを行い、アプリを発行します。Build and test the app through Visual Studio App Center and publish it.
  7. Application Insights を使用してアプリ サービスを監視します。Use Application Insights to monitor the App Service.
  8. App Center を使用して、アプリをデバイスにデプロイします。Deploy the app to devices using App Center.

ComponentsComponents

  • Visual Studio 2017 または Visual Studio for Mac で C# を使用して、Web フロントエンド、モバイル アプリ、およびバックエンド サービスを作成します。Build the web front end, mobile apps, and back end services with C# in Visual Studio 2017 or Visual Studio for Mac.
  • Xamarin:C# と Azure SDK を使用して、iOS と Android 用のモバイル アプリを作成します。Xamarin: Create mobile apps for iOS and Android using C# and Azure SDKs.
  • Visual Studio App Center:App Center は、BitBucket、GitHub、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.
  • App Service Web アプリは、顧客向けの Web アプリと、Web クライアントとモバイル クライアントの両方が使用するサービスをホストできます。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:Application Insights を使用して、Web アプリの問題の検出、クラッシュの診断、使用状況の追跡を行います。Application Insights: Detect issues, diagnose crashes, and track usage in your web app with Application Insights. 開発ライフサイクル全体で、情報に基づいた意思決定を行います。Make informed decisions throughout the development lifecycle.
  • API Management:API を社外、パートナー、社内の開発者に対して安全かつ大規模に発行します。API Management: Publish APIs to external, partner, and employee developers securely and at scale.
  • Azure Active Directory は、セキュリティで保護されたエンタープライズ レベルの認証に使用されます。Azure Active Directory is used for secure, enterprise-grade authentication.

次のステップNext steps