Custom mobile workforce app

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.

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.

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 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.

自訂行動工作力應用程式此行動員工應用程式架構使用 Active Directory,來保護透過 Azure App Service API 管理提供給裝置之 SAP 後端系統的公司資料。12345678

Create the app using Visual Studio and Xamarin.

Add the Azure App Service Mobile Apps back-end service to the app solution.

Implement authentication through Azure Active Directory.

Connect to business data in external systems such as SAP using Azure API Management.

Implement offline sync to make the mobile app functional without a network connection.

Build and test the app through Visual Studio App Center and publish it.

Deploy the app to devices using App Center.

Use Application Insights to monitor the App Service.

  1. 1 Create the app using Visual Studio and Xamarin.
  2. 2 Add the Azure App Service Mobile Apps back-end service to the app solution.
  3. 3 Implement authentication through Azure Active Directory.
  4. 4 Connect to business data in external systems such as SAP using Azure API Management.
  1. 5 Implement offline sync to make the mobile app functional without a network connection.
  2. 6 Build and test the app through Visual Studio App Center and publish it.
  3. 7 Deploy the app to devices using App Center.
  4. 8 Use Application Insights to monitor the App Service.

Implementation guidance

Products/Description Documentation

Visual Studio

Build the web front end, mobile apps and back-end services with C# in Visual Studio 2017 or Visual Studio for Mac.

Xamarin

Create mobile apps for iOS and Android using C# and Azure SDKs.

Visual Studio App Centre

App Center enables a continuous integration and deployment workflow by pulling code from BitBucket, GitHub and Visual Studio Team Services.

App Service

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

Detect issues, diagnose crashes and track usage in your web app with Application Insights. Make informed decisions throughout the development life cycle.

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.

Product information

The links to the right provide documentation on deploying and managing the Azure products listed in the solution architecture above.

Related solution architectures

具備驗證的社交行動及 Web 應用程式這個行動用戶端應用程式透過隨附 Web 應用程式提供社交影像分享功能。應用程式後端服務使用 Azure 函式執行背景影像處理,並能夠透過通知中樞告知使用者處理進度。非影像資料會儲存於 CosmosDB 中。Web 應用程式會透過流量管理員,存取後端服務資料及影像。1110987654321

Social mobile and web app with authentication

This mobile client app offers social image sharing with a companion web app. The app back-end service does background image processing using an Azure Function and can notify users of progress via a notification hub. Non-image data is stored in CosmosDB. The web app accesses the back-end service data and images via Traffic Manager.

工作取用者行動應用程式消費者行動應用程式架構使用 Azure App Service Mobile Apps,利用多種社交身分識別提供者來簡化驗證、儲存資料以及進行同步,以達到離線存取及傳送推播通知的目的。539468712

Task-based consumer mobile app

This consumer mobile app architecture uses Azure App Service Mobile Apps to simplify authentication with multiple social identity providers, store data and sync it for offline access, and send push notifications.