使用Azure的基于云和基于邊緣的活動識別

描述

在本文中，我想向您解釋如何在 Azure Web 應用服務計劃上部署項目架構。讓我們很快看一下架構。

?

?

基于云

數(shù)據(jù)來自智能手機，并使用通用傳感器 API 收集。智能手機以特定頻率（例如 20 Hz）收集值，并在前端存儲一個具有最后 5 秒值的對象。每隔 5 秒，此變量會以帶有標準 POST 的 json 格式發(fā)送到中間件。中間件使用 Azure SDK 將所有收集的值發(fā)送到 Azure IoT 中心。你可以在本地或在新的 Azure Web 應用計劃上部署此中間件。儀表板后端使用 Azure 事件中心從 Azure IoT 中心收集值，處理這些值（1 個活動/秒）并通過 REST 接口向儀表板公開。儀表板現(xiàn)在收集并顯示活動值。

基于邊緣

就像第一種情況一樣，但數(shù)據(jù)處理在前端 javascript 端運行，因此每 5 秒再次將詳細值與 POST 一起發(fā)送到中間件。中間件使用 Azure SDK 像之前一樣將消息轉發(fā)到 Azure IoT 中心。與之前的案例不同，這一次儀表板后端收集值但不執(zhí)行任何處理 - 只需將已處理的值公開給儀表板。

如何運行它：

git clone https://github.com/stefanofoti/iot-assignment

編輯代碼，替換為您的

儀表板 BE 中的 IoT 事件中心詳細信息，

替換您的事件中心端點

private readonly static string s_eventHubsCompatibleEndpoint = "YOUR_ENDPOINT";

您可以通過以下方式獲得它：

az iot hub show --query properties.eventHubEndpoints.events.endpoint --name {your IoT Hub name}

替換 IoT 事件中心兼容路徑

private readonly static string s_eventHubsCompatiblePath = "YOUR_PATH";

您可以通過以下方式獲得它：

az iot hub show --query properties.eventHubEndpoints.events.path --name {your IoT Hub name}

替換您的 sas 密鑰：

private readonly static string s_iotHubSasKey = "YOUR_KEY";

您可以通過以下方式獲得它：

az iot hub policy show --name service --query primaryKey --hub-name {your IoT Hub name}

還替換收集應用程序中間件中每個設備的設備連接字符串。

如何在本地試用？

確保正確安裝了 .NET Core sdk。您至少需要 version.NET Core 3.1 才能正確運行項目的這兩個部分。

移動到收集應用程序文件夾

cd activity-collecting-app/
dotnet restore
dotnet run

在克隆的文件夾中打開一個新終端并移動到儀表板文件夾

cd activity-cloud-dashboard/
dotnet restore
dotnet run

現(xiàn)在儀表板可在以下位置獲得：

https://localhost:5002/

?

?

?

?

?

1 / 2

?

當活動收集應用程序在您的機器上的 8080 端口上運行時：

https://localhost:8080/

如果您打開了端口 8080 并且沒有防火墻阻止傳入連接，則您應該已經(jīng)能夠從智能手機連接到儀表板，因此打開手機瀏覽器并輸入：

https://{YOUR_PC_IP_ADDRESS}:8080/

您應該會看到收集應用程序。按下開始按鈕，頁面將開始 REST 將每 5 秒收集的行值發(fā)布到中間件。如果一切正常，您應該會在 PC 上運行的中間件進程中看到一些日志消息。

出現(xiàn)錯誤如何調(diào)試？

使用 Chrome 設備可以輕松訪問 Javascript 智能手機日志。在您的 chrome 桌面瀏覽器上鍵入 chrome://inspect/#devices，將您的 Android 智能手機連接到 PC - 確保您已安裝 ADB 驅(qū)動程序，并且開發(fā)人員選項已在您的手機上啟用。同樣，如果一切正常，您應該不會看到任何紅色消息。

?

連接到 chrome 的遠程設備

?

?

來自智能手機的 javascript 控制臺日志

?

?

從您的 PC 瀏覽到儀表板。你應該看到你的價值觀。

為了將其作為 Web 應用程序部署在 Azure 上，請繼續(xù)如下操作。

為部署設置用戶憑據(jù)，因此打開 azure 終端并：

az webapp deployment user set --user-name  --password 

創(chuàng)建應用服務計劃

az appservice plan create --name myAppServicePlan --resource-group myResourceGroup --sku FREE

創(chuàng)建應用程序

az webapp create --resource-group myResourceGroup --plan myAppServicePlan --name <app-name> --deployment-local-git

您應該使用本地 git 獲得輸出以將數(shù)據(jù)推送到哪里

"deploymentLocalGitUrl": "https://<username>@<app-name>.scm.azurewebsites.net/<app-name>.git",

在您的本地終端中

git remote add azure <deploymentLocalGitUrl-from-create-step>
git push azure master

部署將開始！

完成后，您的儀表板將在以下位置可用：

http://.azurewebsites.net/

如果需要，還可以在 Azure 上部署中間件和采集網(wǎng)頁。只需再次重復這些步驟，這次推送收集應用程序。