Tagged

AIoT & Cloud & Edge & Machine Learning

A collection of 173 posts

【 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

【 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 程式

【 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 程式

【 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 程式

【 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 程式

【 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/

【 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 關鍵字並點選

【 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 開啟

【 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

【 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

【 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

【 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 設定頁面 點選

【 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 >

【 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 新增樣式 輸入

【 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_

【 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.

【 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

【 Cloud 】透過 Amazon Lightsail 建立 Ghost Blog
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】透過 Amazon Lightsail 建立 Ghost Blog

內容 學習目標 前置準備作業 使用 AWS Lightsail 建立 Ghost Blog 遠端登入到 Lightsail Ghost Instance 取得登入 Ghost 管理後台的帳號與密碼 登入到 Ghost 管理後台 學習目標 如何透過 AWS Lightsail 建立 Ghost Blog 前置準備作業 已開通 AWS 使用 AWS Lightsail 建立 Ghost Blog Step 1. 登入 AWS 後於上方搜尋框搜尋 Lightsail 並點選搜尋結果中的 Services > Lightsail Step 2. 點選 Create instance

【 Cloud 】部署 Vue App 到 Azure App Service
Tools & Solutions & Cybersecurity

【 Cloud 】部署 Vue App 到 Azure App Service

內容 學習目標 前置準備作業 建立 Azure App Service 部署 Vue App 到 Azure App Service 學習目標 如何建立 Azure App Service 如何透過 Visual Studio Code 部署 Vue 專案 到 Azure App Service 前置準備作業 已安裝 Visual Studio Code 下載連結 https://code.visualstudio.com/ 已開通 Microsoft Azure Azure 連結 https://azure.microsoft.com/zh-tw/

【 Tools 】NVIDIA® Jetson AGX Xavier 安裝 EDIMAX EW-7811Un V2 無線網卡
Tools & Solutions & Cybersecurity

【 Tools 】NVIDIA® Jetson AGX Xavier 安裝 EDIMAX EW-7811Un V2 無線網卡

內容 學習目標 前置準備作業 安裝 EDIMAX EW-7811Un V2 無線網卡 Driver 學習目標 在 NVIDIA® Jetson AGX Xavier 安裝 EDIMAX EW-7811Un V2 無線網卡 前置準備作業 準備 NVIDIA® Jetson AGX Xavier 準備 EDIMAX EW-7811Un V2 無線網卡 安裝 EDIMAX EW-7811Un V2 無線網卡 Driver Step 1. 更新軟體的最新資訊及列表 請在終端機中輸入下方指令sudo apt update Step 2. 更新軟體 請在終端機中輸入下方指令sudo apt-get install -f

【 ARM - NXP 】Windows 透過 Putty 進入 i.MX 8QuadMax MEK 的 Yocto OS
AIoT & Cloud & Edge & Machine Learning

【 ARM - NXP 】Windows 透過 Putty 進入 i.MX 8QuadMax MEK 的 Yocto OS

內容 學習目標 前置準備作業 透過 Putty 進入 NXP i.MX 8QuadMax MEK 學習目標 在 Windows 環境中透過 Putty 進入 i.MX 8QuadMax MEK 的 Yocto OS 前置準備作業 NXP i.MX 8QuadMax MEK 已安裝 OS 透過 Putty 進入 NXP i.MX 8QuadMax MEK Step 1. 下載並安裝 請透過瀏覽器到下方網址進行 Putty 下載並安裝 https://www.chiark.greenend.

【 IoT 】MediaTek LinkIt™ 7697 串接 Mosquitto
AIoT & Cloud & Edge & Machine Learning

【 IoT 】MediaTek LinkIt™ 7697 串接 Mosquitto

內容 學習目標 前置準備作業 MediaTek LinkIt™ 7697 串接 Mosquitto 撰寫 Arduino 程式 透過 Node-RED 控制 LinkIt 7697 的 LED 學習目標 如何透過 MediaTek LinkIt™ 7697 串接 Mosquitto 所需材料 MediaTek LinkIt™ 7697 Micro USB Cable 前置準備作業 MediaTek LinkIt™ 7697 起手式 https://oranwind.org/-mediatek-linkit-7697-ji-chu-jiao-xue/ 已安裝 Mosquitto 教學文件 https://learningsky.io/azure-ubuntu-vm-install-mosquitto-mqtt-broker/ 已安裝 Node-RED

【 IoT 】透過 Node-RED 串接 Mosquitto 以控制 MediaTek LinkIt™ 7697 LED
AIoT & Cloud & Edge & Machine Learning

【 IoT 】透過 Node-RED 串接 Mosquitto 以控制 MediaTek LinkIt™ 7697 LED

內容 學習目標 前置準備作業 建立 Node-RED 控制程式 學習目標 如何透過 Node-RED 串接 Mosquitto 來控制 MediaTek LinkIt™ 7697 前置準備作業 已安裝 Mosquitto 教學文件 https://learningsky.io/azure-ubuntu-vm-install-mosquitto-mqtt-broker/ 已安裝 Node-RED 教學文件 https://learningsky.io/azure-ubuntu-vm-install-node-red/ 建立 Node-RED 控制程式 Step 1. 透過瀏覽器開啟 Node-RED 編輯畫面 請在瀏覽器輸入下方網址 AZURE-IP 請更改成 Node-RED 安裝的位置,在此請輸入 AZURE-IP http://AZURE-IP:1880 Step 2.

【 IoT 】於 Azure Ubuntu VM 安裝 Node-RED
AIoT & Cloud & Edge & Machine Learning

【 IoT 】於 Azure Ubuntu VM 安裝 Node-RED

內容 學習目標 前置準備作業 開啟 Node-RED 使用的 Azure VM Port 安裝 Node-RED 學習目標 如何設定特定的 Azure VM Port 如何安裝 Node-RED 前置準備作業 已安裝 Mosquitto 教學文件 https://learningsky.io/azure-ubuntu-vm-install-mosquitto-mqtt-broker/ 開啟 Node-RED 使用的 Azure VM Port Step 1. 登入到 Azure Portal 並進入到所要使用的 VM Step 2. 開啟 Mosquitto 所使用的特定 Port 2.1 點選左邊的 Networking 2.