描述

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

?

?

基于云

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

基于邊緣

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

如何運行它：

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

現在儀表板可在以下位置獲得：

https://localhost:5002/

?

?

?

?

?

1 / 2

?

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

https://localhost:8080/

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

https://{YOUR_PC_IP_ADDRESS}:8080/

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

出現錯誤如何調試？

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

?

連接到 chrome 的遠程設備

?

?

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

?

?

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

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

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

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

創建應用服務計劃

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

創建應用程序

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

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

"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 上部署中間件和采集網頁。只需再次重復這些步驟，這次推送收集應用程序。