Archer

Archer

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

https://oranwind.org/author/archer/
【 Cloud 】Azure Digital Twins 使用 Azure AD Oauth Token 進行驗證
AIoT & Cloud & Edge & Machine Learning

【 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 關鍵字並點選
Archer • 5 min read
【 Cloud 】透過 Node.js 使用 Azure Function 將遙測資料從 Azure IoT Hub 儲存到 PostgreSQL 資料庫
AIoT & Cloud & Edge & Machine Learning

【 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
Archer • 7 min read
【 Cloud 】使用 Node.js 透過 Azure IoT Hub 與 Build-in Event Hub 傳送與接收訊息
AIoT & Cloud & Edge & Machine Learning

【 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
Archer • 4 min read
【 Cloud 】使用 Node.js 透過 Azure IoT Hub 傳送與接收訊息
AIoT & Cloud & Edge & Machine Learning

【 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
Archer • 4 min read
【 Cloud 】透過 Postman 建立 Azure Indoor Map
AIoT & Cloud & Edge & Machine Learning

【 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.
Archer • 12 min read
【 Cloud 】使用 Node.js 透過 Azure Functions 與 Azure Web PubSub Service 建立即時通訊 Web
AIoT & Cloud & Edge & Machine Learning

【 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，
Archer • 8 min read
【 Cloud 】使用 Node.js 透過 Azure Functions 與 Azure SignalR 建立即時通訊 Web
AIoT & Cloud & Edge & Machine Learning

【 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
Archer • 7 min read
【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Conversions
AIoT & Cloud & Edge & Machine Learning

【 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 程式
Archer • 1 min read
【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Statesets
AIoT & Cloud & Edge & Machine Learning

【 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 程式
Archer • 1 min read
【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Datasets
AIoT & Cloud & Edge & Machine Learning

【 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 程式
Archer • 1 min read
【 Cloud 】透過 Node.js 刪除 Azure Maps Creator 中已建立的 Tilesets
AIoT & Cloud & Edge & Machine Learning

【 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 程式
Archer • 1 min read
【 Cloud 】部署 HTML 到 Azure Static Web Apps
AIoT & Cloud & Edge & Machine Learning

【 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/
Archer • 3 min read
【 Cloud 】部署 HTML 到 Azure Blob
AIoT & Cloud & Edge & Machine Learning

【 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 關鍵字並點選
Archer • 3 min read
【 Cloud 】透過 Python、Node.js 與 Postman 傳送訊息到 Line
AIoT & Cloud & Edge & Machine Learning

【 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 開啟
Archer • 4 min read
【 Cloud 】透過 Python、Node.js 與 Postman 傳送訊息到 Microsoft Teams
AIoT & Cloud & Edge & Machine Learning

【 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
Archer • 3 min read
【 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、
Archer • 1 min read
【 Cloud 】Node.js 透過 Gmail 發送信件
Front-end & Back-end & Programming Language

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

內容 學習目標 前置準備作業 啟用 Gmail SMTP 學習目標 如何在 Node.js 透過 Gmail SMTP 寄送信件 前置準備作業 已安裝 Node.js 已建立 Gmail 已於電腦端安裝 IDE，本範例使用 Visual Studio Code Gmail 連線設定 Step 1. 登入 Google Account 網址: https://myaccount.google.com/ Step 2. 設定兩階段認識 點選左邊的 Security 開啟 2-Step Verification 設定頁面 點選 GET STARTED
Archer • 3 min read
【 Cloud 】透過 Node.js 列出在 AWS S3 中的 Bucket 裡所有物件
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】透過 Node.js 列出在 AWS S3 中的 Bucket 裡所有物件

內容 學習目標 前置準備作業 撰寫 Node.js 取得 AWS S3 中 Bucket 裡的所有物件 學習目標 撰寫 Node.js 取得 AWS S3 中 Bucket 裡的所有物件 可取得在 AWS S3 中 Bucket 裡超過 1000 個物件 前置準備作業 已建立 AWS S3 Service 已於 AWS S3 Service 中建立 Bucket 已取得 AWS S3 Service 中 Bucket 的 Access key
Archer • 1 min read
【 Cloud 】將 Amazon Lightsail Ghost Blog 中的圖檔上傳到 AWS S3
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】將 Amazon Lightsail Ghost Blog 中的圖檔上傳到 AWS S3

內容 學習目標 前置準備作業 設定 Amazon Lightsail MySQL 的 root 密碼 學習目標 如何修改預設的 Table 樣式 前置準備作業 已建立 Amazon Lightsail Ghost Blog 建立與設定 AWS S3 Step 1. 進入到 AWS S3 服務並點選 Create bucket Step 2. 設定相關資訊 Bucket name 欄位: 輸入一個可識別的名稱 AWS Region 欄位: 選擇一個存放檔案的資料中心所在位置 當以上的資訊輸入完成完後點選右下方的 Create bucket 建立 bucket 完成 記下所建立的 Name
Archer • 4 min read
【 Cloud 】於 Amazon Lightsail Ghost Blog 設定 Gmail SMTP
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】於 Amazon Lightsail Ghost Blog 設定 Gmail SMTP

內容 學習目標 前置準備作業 啟用 Gmail SMTP 於 Amazon Lightsail Ghost 學習目標 如何在 Amazon Lightsail Ghost 設定 Gmail SMTP 寄送信件 前置準備作業 已建立 Amazon Lightsail Ghost Blog Instance 已建立 Gmail Gmail 連線設定 Step 1. 登入 Google Account 網址: https://myaccount.google.com/ Step 2. 設定兩階段認識 點選左邊的 Security 開啟 2-Step Verification 設定頁面 點選
Archer • 3 min read
【 Cloud 】於 Amazon Lightsail Ghost Blog 設定 Mailgun SMTP
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】於 Amazon Lightsail Ghost Blog 設定 Mailgun SMTP

內容 學習目標 前置準備作業 啟用 Mailgun SMTP 於 Amazon Lightsail Ghost 學習目標 如何在 Amazon Lightsail Ghost 設定 Mailgun SMTP 寄送信件 前置準備作業 已建立 Amazon Lightsail Ghost Blog Instance 已建立 Mailgun 啟用 Mailgun SMTP 於 Amazon Lightsail Ghost Step 1. 取得 Mailgun 的設定資訊 登入 Mailgun 後，點選左邊的 Sending > Overview 點選 SMTP >
Archer • 2 min read
【 Cloud 】修改預設 Amazon Lightsail Ghost Blog 的表格樣式
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】修改預設 Amazon Lightsail Ghost Blog 的表格樣式

內容 學習目標 前置準備作業 設定 Amazon Lightsail MySQL 的 root 密碼 學習目標 如何修改預設的 Table 樣式 前置準備作業 已建立 Amazon Lightsail Ghost Blog 目前預設的 Table 樣式 修改 Table 樣式 Step 1. 透過終端機登入到 Ghost 主機 Step 2. 更新樣式檔案 開啟檔案 sudo vi /bitnami/ghost/content/themes/casper/assets/built/screen.css 移到檔案最尾端 G 新增樣式 輸入
Archer • 2 min read
【 Cloud 】設定 Amazon Lightsail Ghost Blog 的 MySQL 密碼
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】設定 Amazon Lightsail Ghost Blog 的 MySQL 密碼

內容 學習目標 前置準備作業 設定 Amazon Lightsail MySQL 的 root 密碼 學習目標 如何設定 Amazon Lightsail MySQL 的 root 密碼 前置準備作業 已建立 Amazon Lightsail Ghost Blog 設定 Amazon Lightsail MySQL 的 root 密碼 Step 1. 透過終端機遠端登入到 Amazon Lightsail Instance Step 2. 取得 [email protected] 的密碼 請在 Terminal 輸入 cat ~/bitnami_application_
Archer • 2 min read
【 Cloud 】透過 MySQL Workbench 存取 Amazon Lightsail Ghost Blog 的 MySQL 資料庫
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】透過 MySQL Workbench 存取 Amazon Lightsail Ghost Blog 的 MySQL 資料庫

內容 學習目標 前置準備作業 設定 Amazon Lightsail MySQL 的 root 密碼 學習目標 如何修改預設的 Table 樣式 前置準備作業 已建立 Amazon Lightsail Ghost Blog Instance 已取得 Amazon Lightsail Instance 的 IP 已取得 Amazon Lightsail Instance 的資料庫登入 帳號 與 密碼 已取得登入 Amazon Lightsail Instance 的 Key 透過 MySQL Workbench 存取 Amazon Lightsail 資料庫 Step 1.
Archer • 2 min read
【 Edge 】於 NVIDIA® Jetson AGX Xavier 安裝 Visual Studio Code
AIoT & Cloud & Edge & Machine Learning

【 Edge 】於 NVIDIA® Jetson AGX Xavier 安裝 Visual Studio Code

內容 學習目標 前置準備作業 使用 AWS Lightsail 建立 Ghost Blog 遠端登入到 Lightsail Ghost Instance 學習目標 如何於 NVIDIA® Jetson AGX Xavier 安裝 Visual Studio Code 前置準備作業 NVIDIA® Jetson AGX Xavier 已可正常使用網路來進行對外連線 安裝 Visual Studio Code Step 1. 透過瀏覽器開啟 Visual Studio Code 網頁 網址: https://code.visualstudio.com/Download Step 2. 點選 .deb
Archer • 2 min read