具備驗證的社交行動及 Web 應用程式

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

行動用戶端應用程式可在離線模式時運作,讓您在沒有網路連線時也可檢視及上傳影像。

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

使用 Visual Studio 和 Xamarin 建立應用程式。

將 Azure App Service Mobile Apps 後端服務新增至應用程式解決方案。

透過社交身分識別提供者實作驗證。

將非影像資料儲存在 CosmosDB 中,並在 Azure Cache for Redis 中加以快取。

將上傳的影像儲存在 Azure Blob 儲存體中。

將關於新上傳影像的訊息排入佇列。

使用 Azure Functions 清除佇列訊息,並處理從 Blob 儲存體擷取的影像。

透過通知中樞,傳送推播通知給使用者。

透過 Visual Studio App Center 建置並測試應用程式,然後將它發佈。

控制使用者流量分散到不同資料中心服務端點的情況。

使用 Application Insights 監視 App Service。

  1. 1 使用 Visual Studio 和 Xamarin 建立應用程式。
  2. 2 將 Azure App Service Mobile Apps 後端服務新增至應用程式解決方案。
  3. 3 透過社交身分識別提供者實作驗證。
  4. 4 將非影像資料儲存在 CosmosDB 中,並在 Azure Cache for Redis 中加以快取。
  5. 5 將上傳的影像儲存在 Azure Blob 儲存體中。
  6. 6 將關於新上傳影像的訊息排入佇列。
  1. 7 使用 Azure Functions 清除佇列訊息,並處理從 Blob 儲存體擷取的影像。
  2. 8 透過通知中樞,傳送推播通知給使用者。
  3. 9 透過 Visual Studio App Center 建置並測試應用程式,然後將它發佈。
  4. 10 控制使用者流量分散到不同資料中心服務端點的情況。
  5. 11 使用 Application Insights 監視 App Service。

實作指南

產品/描述 文件

Visual Studio

在 Visual Studio 2017 或 Visual Studio for Mac 中,使用 C# 建置 Web 前端、行動應用程式和後端服務。

Xamarin

使用 C# 和 Azure SDK 建立適用於 iOS 和 Android 的行動應用程式。

Visual Studio App Center

App Center 透過從 BitBucket、GitHub 及 Visual Studio Team Services 提取程式碼,進而啟用持續整合及部署工作流程。

App Service

App Service Web 應用程式可裝載與使用者互動的 Web 應用程式,以及網頁與行動用戶端所使用的服務。

Azure Functions

使用 Azure Functions 進行無伺服器的幕後處理。例如,一個 Azure 函式可在 Blob 新增至容器後自動調整其大小,而另一個函式會在佇列接聽訊息,以刪除多個背景影像。

Application Insights

使用 Application Insights 偵測問題、診斷損毀並追蹤 Web 應用程式中的使用情況。在開發週期期間作出旁徵博引的決定。

Azure Cosmos DB

Azure Cosmos DB 是完全受控的 NoSQL 文件資料庫服務。其提供無結構描述資料的查詢與交易處理、可預測且可靠的效能,以及快速的開發。

佇列儲存體

Azure 佇列儲存體用於在 App Service 後端及 Azure Functions 間提供持久的傳訊。

Blob 儲存體

影像儲存於 Azure 儲存體,以更優惠的價格善用更佳的延展性。Web 應用程式與 Azure 函式間的通訊通常使用 Blob 觸發程序及 Azure 佇列儲存體來執行。

通知中樞

Azure 通知中樞用於可調整的跨平台推播通知。

流量管理員

Azure 流量管理員會控制使用者流量分散到不同資料中心服務端點的情況,以提供回應能力與可用性俱佳的應用程式。

產品資訊

右方的連結提供部署及管理 Azure 產品 (列於上方的解決方案架構中) 的文件。

相關解決方案架構