描述

在本文中，我想向您解釋如何在 Azure Web 應(yīng)用服務(wù)計(jì)劃上部署項(xiàng)目架構(gòu)。讓我們很快看一下架構(gòu)。

?

?

基于云

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

基于邊緣

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

如何運(yùn)行它：

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

編輯代碼，替換為您的

儀表板 BE 中的 IoT 事件中心詳細(xì)信息，

替換您的事件中心端點(diǎn)

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}

還替換收集應(yīng)用程序中間件中每個(gè)設(shè)備的設(shè)備連接字符串。

如何在本地試用？

確保正確安裝了 .NET Core sdk。您至少需要 version.NET Core 3.1 才能正確運(yùn)行項(xiàng)目的這兩個(gè)部分。

移動(dòng)到收集應(yīng)用程序文件夾

cd activity-collecting-app/
dotnet restore
dotnet run

在克隆的文件夾中打開一個(gè)新終端并移動(dòng)到儀表板文件夾

cd activity-cloud-dashboard/
dotnet restore
dotnet run

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

https://localhost:5002/

?

?

?

?

?

1 / 2

?

當(dāng)活動(dòng)收集應(yīng)用程序在您的機(jī)器上的 8080 端口上運(yùn)行時(shí)：

https://localhost:8080/

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

https://{YOUR_PC_IP_ADDRESS}:8080/

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

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

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

?

連接到 chrome 的遠(yuǎn)程設(shè)備

?

?

來自智能手機(jī)的 javascript 控制臺日志

?

?

從您的 PC 瀏覽到儀表板。你應(yīng)該看到你的價(jià)值觀。

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

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

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

創(chuàng)建應(yīng)用服務(wù)計(jì)劃

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

創(chuàng)建應(yīng)用程序

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

您應(yīng)該使用本地 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)頁。只需再次重復(fù)這些步驟，這次推送收集應(yīng)用程序。