Archer

Archer

Having being a software engineer. Experience with Python, JavaScript, Node.js, Objective-C, Micro:bit, Raspberry Pi, AWS, Azure, IoT. ❆ [email protected]

【 Cloud 】將 Vue 部署到 GitHub Pages
AIoT & Cloud & Edge

【 Cloud 】將 Vue 部署到 GitHub Pages

內容 學習目標 前置準備作業 流程 部署 Vue App 到 GitHub 設定 GitHub Pages 驗證部署結果 學習目標 如何將 Vue 部署到 GitHub Pages 前置準備作業 已建立 GitHub 帳號並能正常登入 一個在本地端電腦可執行的 Vue App 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 流程 在本地端電腦建立 hello-vue-app 的 Vue 專案並設定 Config 專案打包 將打包完的專案部署到 GitHub 上所建立名為 hello-vue-app 的 Repository 設定 GitHub Pages 驗證部署結果

【 Cloud 】透過 Postman 操作 Azure Digital Twins - Query API
AIoT & Cloud & Edge

【 Cloud 】透過 Postman 操作 Azure Digital Twins - Query API

內容 學習目標 前置準備作業 Twin Graph 上傳 Device DTDL 與建立 Twin 查詢所有 Twin 查詢 Temperature 大於 35 度的 Twin 學習目標 如何透過 Postman 操作 Azure Digital Twins - Query API 前置準備作業 已建立 Azure 帳號並能正常登入與使用 已完成建立與設定 Azure Digital Twins、Azure Active Directory ( Azure AD ) Ref https://learningsky.io/azure-digital-twins-authenticates-using-azure-ad-security-tokens-based-on-oauth/ 已於電腦端安裝 Postman 下載網址 https:

【 Cloud 】透過 Postman 操作 Azure Digital Twins - Relationship  APIs
AIoT & Cloud & Edge

【 Cloud 】透過 Postman 操作 Azure Digital Twins - Relationship APIs

內容 學習目標 前置準備作業 Twin Graph 上傳 DTDL 與建麼 Twin 新增 Parent 與 Child 關聯 透過 ID 取得關聯資訊 取得所有關聯資訊 刪除關聯 學習目標 如何透過 Postman 操作 Azure Digital Twins - Relationship APIs 前置準備作業 已建立 Azure 帳號並能正常登入與使用 已完成建立與設定 Azure Digital Twins、Azure Active Directory ( Azure AD ) Ref https://learningsky.io/azure-digital-twins-authenticates-using-azure-ad-security-tokens-based-on-oauth/ 已於電腦端安裝 Postman 下載網址

【 Cloud 】透過 Postman 操作 Azure Digital Twins - Twin APIs
AIoT & Cloud & Edge

【 Cloud 】透過 Postman 操作 Azure Digital Twins - Twin APIs

內容 學習目標 前置準備作業 新增 Twin 透過 Twin ID 列出特定 Twin 資訊 設定特定 Twin 的預設值 修改特定 Twin 的數值 刪除特定 Twin 的數值 刪除 Twin 學習目標 如何透過 Postman 操作 Azure Digital Twins - Twin APIs 前置準備作業 已建立 Azure 帳號並能正常登入與使用 已完成建立與設定 Azure Digital Twins、Azure Active Directory ( Azure AD ) Ref https://learningsky.io/azure-digital-twins-authenticates-using-azure-ad-security-tokens-based-on-oauth/

【 Cloud 】透過 Postman 操作 Azure Digital Twins - Model APIs
AIoT & Cloud & Edge

【 Cloud 】透過 Postman 操作 Azure Digital Twins - Model APIs

內容 學習目標 前置準備作業 新增 Model - Binary File 新增 Model - Raw JSON 列出 Model 清單 - 列出簡易資訊 列出 Model 清單 - 列出詳細資訊 透過 Model ID 列出簡易資訊 透過 Model ID 列出詳細資訊 刪除 Model 學習目標 如何透過 Postman 操作 Azure Digital Twins - Models API 前置準備作業 已建立 Azure 帳號並能正常登入與使用 已完成建立與設定 Azure Digital

【 Cloud 】部署 React 到 Azure App Service
AIoT & Cloud & Edge

【 Cloud 】部署 React 到 Azure App Service

內容 學習目標 前置準備作業 建立 Azure App Service 部署 React App 到 Azure App Service 學習目標 如何建立 Azure App Service 如何透過 Visual Studio Code 部署 React 專案 到 Azure App Service 前置準備作業 已建立 Azure 帳號並能正常登入 一個在本地端電腦可執行的 React App 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 建立 Azure App Service Step 1. 登入到

【 Cloud 】將 Azure IoT Plug and Play 裝置的量測數據透過 Azure IoT Hub 與 Azure Function ( Node.js ) 傳送到 Azure Digital Twins
AIoT & Cloud & Edge

【 Cloud 】將 Azure IoT Plug and Play 裝置的量測數據透過 Azure IoT Hub 與 Azure Function ( Node.js ) 傳送到 Azure Digital Twins

內容 學習目標 前置準備作業 流程 上傳 DTDL 到 Azure Digital Twins 並建立 Twins 建立 Azure IoT Hub 建立 Azure Functions 設定身分識別 撰寫傳送 Node.js 程式 執行與驗證 學習目標 如何將 Azure IoT Plug and Play 裝置的量測數據透過 Azure IoT Hub 與 Azure Function ( Node.js ) 傳送到 Azure Digital Twins 前置準備作業 已建立 Azure 帳號並能正常登入與使用 已於完成建立與設定

【 Cloud 】將 Node.js Express 部署到 Azure App Service 以取得 Azure Digital Twins Token
AIoT & Cloud & Edge

【 Cloud 】將 Node.js Express 部署到 Azure App Service 以取得 Azure Digital Twins Token

內容 學習目標 前置準備作業 建立 Azure App Service 設定身分識別 撰寫取得 Token 的程式 部署程式到 Azure App Service 透過 Postman 取得 Token 透過 Postman 操作 Azure Digital Twins 學習目標 如何將 Node.js Express 部署到 Azure App Service 以取得 Azure Digital Twins Token 前置準備作業 已建立 Azure 帳號並能正常登入 已於完成建立與設定 Azure Digital Twins、Azure Active Directory

【 Cloud 】使用 Node.js 透過 Azure Functions 取得 Azure Digital Twins Token
AIoT & Cloud & Edge

【 Cloud 】使用 Node.js 透過 Azure Functions 取得 Azure Digital Twins Token

內容 學習目標 前置準備作業 建立 Azure Functions 設定身分識別 透過 Postman 取得 Token 透過 Postman 操作 Azure Digital Twins 學習目標 如何使用 Node.js 透過 Azure Functions 取得 Azure Digital Twins Token 前置準備作業 已建立 Azure 帳號並能正常登入 已於完成建立與設定 Azure Digital Twins、Azure Active Directory ( Azure AD ) Ref https://learningsky.io/azure-digital-twins-authenticates-using-azure-ad-security-tokens-based-on-oauth/ 建立 Azure Functions

【 Cloud 】Azure Digital Twins 使用 Azure AD Oauth Token 進行驗證
AIoT & Cloud & Edge

【 Cloud 】Azure Digital Twins 使用 Azure AD Oauth Token 進行驗證

內容 學習目標 前置準備作業 建立 Azure Digital Twins 設定 Azure Active Directory 驗證 設定 Postman 驗證 透過 Postman 操作 Azure Digital Twins 學習目標 如何透過 Postman 操作 Azure Digital Twins 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 建立 Azure Digital Twins Step 1. 在上方搜尋框輸入 digital 關鍵字並點選

【 Cloud 】透過 Node.js 使用 Azure Function 將遙測資料從 Azure IoT Hub 儲存到 PostgreSQL 資料庫
AIoT & Cloud & Edge

【 Cloud 】透過 Node.js 使用 Azure Function 將遙測資料從 Azure IoT Hub 儲存到 PostgreSQL 資料庫

內容 學習目標 前置準備作業 於 PostgreSQL 中新增資料庫 (DB) 與資料表 (Table) 建立 Azure IoT Hub 建立 Azure Functions 撰寫傳送 Node.js 程式 執行與驗證 學習目標 如何透過 Node.js 使用 Azure Function 將遙測資料從 Azure IoT Hub 儲存到 PostgreSQL 資料庫 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 於 PostgreSQL

【 Cloud 】使用 Node.js 透過 Azure IoT Hub 與 Build-in Event Hub 傳送與接收訊息
AIoT & Cloud & Edge

【 Cloud 】使用 Node.js 透過 Azure IoT Hub 與 Build-in Event Hub 傳送與接收訊息

內容 學習目標 前置準備作業 建立 Azure IoT Hub 撰寫接收 Node.js 程式 撰寫傳送 Node.js 程式 執行與驗證 學習目標 如何使用 Node.js 透過 Azure IoT Hub 與 Build-in Event Hub 傳送與接收訊息 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 建立 Azure IoT Hub Step 1. 在上方搜尋框輸入 iot

【 Cloud 】使用 Node.js 透過 Azure IoT Hub 傳送與接收訊息
AIoT & Cloud & Edge

【 Cloud 】使用 Node.js 透過 Azure IoT Hub 傳送與接收訊息

內容 學習目標 前置準備作業 建立 Azure IoT Hub 撰寫接收 Node.js 程式 撰寫傳送 Node.js 程式 執行與驗證 學習目標 如何使用 Node.js 透過 Azure IoT Hub 傳送與接收訊息 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 建立 Azure IoT Hub Step 1. 在上方搜尋框輸入 iot hub 關鍵字並點選 IoT Hub

【 Cloud 】透過 Postman 建立 Azure Indoor Map
AIoT & Cloud & Edge

【 Cloud 】透過 Postman 建立 Azure Indoor Map

內容 學習目標 前置準備作業 建立 Azure Maps 服務 Postman 前置準備 透過 Postman 操作 Creator 透過 Web 顯示 Azure Indoor Map 學習目標 如何透過 Postman 建立 Azure Indoor Map 前置準備作業 已建立 Azure 帳號並能正常登入。 本地端電腦已安裝瀏覽器。 建立 Azure Maps 服務 Step 1. 在上方搜尋框輸入 map 關鍵字並點選 Azure Maps Accounts 的搜尋結果 Step 2. 點選 + Create Step 3.

【 Cloud 】使用 Node.js 透過 Azure Functions 與  Azure Web PubSub Service 建立即時通訊 Web
AIoT & Cloud & Edge

【 Cloud 】使用 Node.js 透過 Azure Functions 與 Azure Web PubSub Service 建立即時通訊 Web

內容 學習目標 前置準備作業 建立 Azure Web PubSub Service 建立 Azure Functions 撰寫 Node.js 版傳送與接收程式 撰寫 Web 程式 執行 Web 程式 Node.js 傳送與 Web 接收測試 學習目標 如何使用 Node.js 透過 Azure Functions 與 Azure Web PubSub Service 建立即時通訊 Web。 前置準備作業 已建立 Azure 帳號並能正常登入 本地端電腦已安裝瀏覽器 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,

【 Cloud 】使用 Node.js 透過 Azure Functions 與 Azure SignalR 建立即時通訊 Web
AIoT & Cloud & Edge

【 Cloud 】使用 Node.js 透過 Azure Functions 與 Azure SignalR 建立即時通訊 Web

內容 學習目標 前置準備作業 建立 Azure SignalR Service 建立 Azure Functions 撰寫 Web 程式 執行 Web 程式 透過 Postman 測試 學習目標 如何使用 Node.js 透過 Azure Functions 與 Azure SignalR 建立即時通訊 Web。 前置準備作業 已建立 Azure 帳號並能正常登入 本地端電腦已安裝瀏覽器 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 建立 Azure SignalR Service Step 1. 在上方搜尋框輸入 signalr

【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Conversions
AIoT & Cloud & Edge

【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Conversions

內容 學習目標 前置準備作業 取得所有已建立的 Conversion 並進行刪除 學習目標 如何透過 Node.js 刪除 Azure Maps Creator 中所有已建立的 Conversions。 前置準備作業 已建立 Azure 帳號並能正常登入 已建立 Azure Maps Creator。 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 取得所有已建立的 Conversion 並進行刪除 Step 1. 安裝 axios 套件 請於終端機輸入下方指令npm i axios Step 2. 撰寫 Node.js 程式

【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Statesets
AIoT & Cloud & Edge

【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Statesets

內容 學習目標 前置準備作業 取得所有已建立的 Stateset 並進行刪除 學習目標 如何透過 Node.js 刪除 Azure Maps Creator 中所有已建立的 Stateset。 前置準備作業 已建立 Azure 帳號並能正常登入 已建立 Azure Maps Creator。 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 取得所有已建立的 Stateset 並進行刪除 Step 1. 安裝 axios 套件 請於終端機輸入下方指令npm i axios Step 2. 撰寫 Node.js 程式

【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Datasets
AIoT & Cloud & Edge

【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Datasets

內容 學習目標 前置準備作業 取得所有已建立的 dataset 並進行刪除 學習目標 如何透過 Node.js 刪除 Azure Maps Creator 中所有已建立的 datasets。 前置準備作業 已建立 Azure 帳號並能正常登入 已建立 Azure Maps Creator。 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 取得所有已建立的 dataset 並進行刪除 Step 1. 安裝 axios 套件 請於終端機輸入下方指令npm i axios Step 2. 撰寫 Node.js 程式

【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Tilesets
AIoT & Cloud & Edge

【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Tilesets

內容 學習目標 前置準備作業 取得所有已建立的 tileset 並進行刪除 學習目標 如何透過 Node.js 刪除 Azure Maps Creator 中所有已建立的 tilesets。 前置準備作業 已建立 Azure 帳號並能正常登入 已建立 Azure Maps Creator。 已於電腦端安裝 Node.js 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 取得所有已建立的 tileset 並進行刪除 Step 1. 安裝 axios 套件 請於終端機輸入下方指令npm i axios Step 2. 撰寫 Node.js 程式

【 Cloud 】部署 HTML 到 Azure Static Web Apps
AIoT & Cloud & Edge

【 Cloud 】部署 HTML 到 Azure Static Web Apps

內容 學習目標 前置準備作業 建立 HTML 檔 建立 Azure Static Web Apps 部署 HTML 本範例使用 GitHub 進行部署 學習目標 如何部署 HTML 檔到 Azure Static Web Apps 前置準備作業 已建立 Azure 帳號並能正常登入 本地端電腦已安裝瀏覽器 建立 HTML 檔 Step 1. 產生 HTML 網頁檔 在 Github 建立名為 index.html 的檔案其內容如下: https://github.com/ArcherHuang/Hello_World/blob/

【 Cloud 】部署 HTML 到 Azure Blob
AIoT & Cloud & Edge

【 Cloud 】部署 HTML 到 Azure Blob

內容 學習目標 前置準備作業 建立 HTML 檔 建立 Azure Blob 部署 HTML 學習目標 如何部署 HTML 檔到 Azure Storage account ( Blob ) 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 本地端電腦已安裝瀏覽器 建立 HTML 檔 Step 1. 產生 HTML 網頁檔 在本地端電腦建立名為 index.html 的檔案其內容如下: 建立 Azure Blob Step 1. 在上方搜尋框輸入 blob 關鍵字並點選

【 Cloud 】透過 Python、Node.js 與 Postman 傳送訊息到 Line
AIoT & Cloud & Edge

【 Cloud 】透過 Python、Node.js 與 Postman 傳送訊息到 Line

內容 學習目標 前置準備作業 啟動 Ngrok 透過 Postman 傳送訊息到 Line 透過 Python 傳送訊息到 Line 透過 Node.js 傳送訊息到 Line 學習目標 如何透過 Python、Node.js 與 Postman 傳送訊息到 Line 前置準備作業 已安裝 Postman 已安裝 Line 已於電腦安裝 Python、Node.js 與 IDE 已下載 ngrok https://ngrok.com/ 啟動 Ngrok Step 1. 透過 ngrok 開啟

【 Cloud 】透過 Python、Node.js 與 Postman 傳送訊息到 Microsoft Teams
AIoT & Cloud & Edge

【 Cloud 】透過 Python、Node.js 與 Postman 傳送訊息到 Microsoft Teams

內容 學習目標 前置準備作業 透過 Python、Node.js 與 Postman 傳送訊息到 Microsoft Teams 學習目標 如何透過 Python、Node.js 與 Postman 傳送訊息到 Microsoft Teams 前置準備作業 已安裝 Postman 已安裝 Microsoft Teams 已於 Microsoft Teams 中建立所要接收訊息的團隊 已於電腦安裝 Python、Node.js 與 IDE 透過 Postman 傳送訊息到 Microsoft Teams Step 1. 在 Microsoft Teams 中已建立的團隊取得 Incoming

【 Cloud 】Node.js 透過 Mailgun 發送信件
Front-end & Back-end & Programming Language

【 Cloud 】Node.js 透過 Mailgun 發送信件

內容 學習目標 前置準備作業 啟用 Mailgun SMTP 學習目標 如何在 Node.js 透過 Mailgun SMTP 寄送信件 前置準備作業 已安裝 Node.js 已建立 Mailgun 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 啟用 Mailgun SMTP Step 1. 取得 Mailgun 的設定資訊 登入 Mailgun 後,點選左邊的 Sending > Overview 點選 SMTP > Select 取得 SMTP hostname、Port、Username、