LearningSky.io

學習是一輩子的事情,中間所經歷過的每一段時光都會在某一刻化為成長的養分

【 Container 】將 Vue 在執行階段注入環境變數並透過 Docker Hub 部署到 Azure Container App
AIoT & Cloud & Edge

【 Container 】將 Vue 在執行階段注入環境變數並透過 Docker Hub 部署到 Azure Container App

內容 學習目標 前置準備作業 專案目錄結構 建立 Vue 建立 .env 建立 nginx.conf 建立 entrypoint.sh 建立 Dockerfile 建立 Docker Image 於本地端執行 Docker Image 測試與驗證一 上傳 Docker Image 到 Docker Hub 建立與部署 Azure Container App 測試與驗證二 修改 env 測試與驗證三 學習目標 如何將 Vue 在執行階段注入環境變數並透過 Docker Hub 部署到 Azure Container App 前置準備作業 已建立 Azure

【 Edge 】於 Raspberry Pi 安裝與設定 Mosquitto MQTT Message Broker 並進行 Publish 與 Subscription 測試
AIoT & Cloud & Edge

【 Edge 】於 Raspberry Pi 安裝與設定 Mosquitto MQTT Message Broker 並進行 Publish 與 Subscription 測試

內容 學習目標 前置準備作業 安裝 Mosquitto 設定 Mosquitto 透過指令來測試 透過 Python 來測試 學習目標 如何在 Raspberry Pi 安裝與設定 Mosquitto MQTT Message Broker 並進行 Publish 與 Subscription 測試 前置準備作業 準備一台可上網的 Raspberry Pi 安裝 Mosquitto Step 1. 取得遠端更新伺服器的套件檔案清單 請於終端機輸入下方指令 sudo apt-get update Step 2. 安裝 mosquitto 請於終端機輸入下方指令 sudo apt-get install -y mosquitto mosquitto-clients 設定

【 Edge 】於 Raspberry Pi OS 設定停止螢幕休眠
AIoT & Cloud & Edge

【 Edge 】於 Raspberry Pi OS 設定停止螢幕休眠

內容 學習目標 前置準備作業 設定停止螢幕休眠 學習目標 如何在 Raspberry Pi OS 設定停止螢幕休眠 前置準備作業 準備一台可上網的 Raspberry Pi 設定停止螢幕休眠 Step 1. 取得遠端更新伺服器的套件檔案清單 請於終端機輸入下方指令 sudo apt-get update Step 2. 安裝 xscreensaver 請於終端機輸入下方指令 sudo apt-get install -y xscreensaver Step 3. 重開機 請於終端機輸入下方指令sudo reboot Step 4. 開啟設定 Raspberry Pi 圖示 > 偏好設定 > 螢幕保護程式 點選 Display Modes

【 Edge 】於 Raspberry Pi OS 安裝 AnyDesk
AIoT & Cloud & Edge

【 Edge 】於 Raspberry Pi OS 安裝 AnyDesk

內容 學習目標 前置準備作業 安裝 AnyDesk 測試與驗證 學習目標 如何在 Raspberry Pi OS 安裝 AnyDesk 前置準備作業 準備一台可上網的 Raspberry Pi 安裝 AnyDesk Step 1. 取得遠端更新伺服器的套件檔案清單 請於終端機輸入下方指令 sudo apt update Step 2. 系統更新 請於終端機輸入下方指令 sudo apt -y full-upgrade Step 3. 下載 AnyDesk 請於終端機輸入下方指令 wget https://download.anydesk.com/rpi/anydesk_6.1.1-1_armhf.

【 Edge 】於 NVIDIA® Jetson Nano 安裝 Google MediaPipe 0.8.9 版本
AIoT & Cloud & Edge

【 Edge 】於 NVIDIA® Jetson Nano 安裝 Google MediaPipe 0.8.9 版本

內容 學習目標 前置準備作業 實驗環境 安裝所需套件 安裝 MediaPipe 0.8.9 確認版本 Illegal instruction (core dumped) 錯誤解法 學習目標 如何在 NVIDIA Jetson Nano 安裝 Google MediaPipe 0.8.9 版本 https://google.github.io/mediapipe/ https://github.com/google/mediapipe/ 前置準備作業 可上網的 NVIDIA Jetson Nano 實驗環境 Python version: 3.6.9 nvcc

【 Edge 】透過 NVIDIA® Jetson AGX Xavier™ 編譯 MediaPipe 0.8.9
AIoT & Cloud & Edge

【 Edge 】透過 NVIDIA® Jetson AGX Xavier™ 編譯 MediaPipe 0.8.9

內容 學習目標 前置準備作業 實驗環境 安裝 Bazel 4.2.2 安裝相依套件 修改相關資訊 避免 any.proto 錯誤 升級 gcc 與 g++ 編譯 MediaPipe 0.8.9 學習目標 如何在 NVIDIA® Jetson AGX Xavier™ 編譯 MediaPipe 0.8.9 https://google.github.io/mediapipe/ https://github.com/google/mediapipe/ 前置準備作業 可上網的 NVIDIA ® Jetson AGX

【 Edge 】於 NVIDIA® Jetson AGX Xavier™ 安裝 Google MediaPipe 0.8.9 與 TensorFlow 2.5.0 版本
AIoT & Cloud & Edge

【 Edge 】於 NVIDIA® Jetson AGX Xavier™ 安裝 Google MediaPipe 0.8.9 與 TensorFlow 2.5.0 版本

內容 學習目標 前置準備作業 實驗環境 安裝所需套件 安裝 Python 相依套件 安裝 TensorFlow 2.5.0 安裝 MediaPipe 0.8.9 確認版本 學習目標 如何在 NVIDIA ® Jetson AGX Xavier™ 安裝 Google MediaPipe 0.8.9 與 TensorFlow 2.5.0 版本 https://google.github.io/mediapipe/ https://github.com/google/mediapipe/ 前置準備作業 可上網的 NVIDIA

【 Edge 】備份與還原 NVIDIA® Jetson AGX Xavier™
AIoT & Cloud & Edge

【 Edge 】備份與還原 NVIDIA® Jetson AGX Xavier™

內容 學習目標 前置準備作業 備份 - Backup Image 還原 - Restore Image 學習目標 如何備份與還原 NVIDIA® Jetson AGX Xavier™ 前置準備作業 已準備一台 Host Ubuntu 電腦 已準備一台要備份的 NVIDIA® Jetson AGX Xavier™ 已準備一台要還原的 NVIDIA® Jetson AGX Xavier™ 備份 - Backup Image Step 1. 切換路徑 在 Host Ubuntu 電腦的終端機輸入下方指令 cd ~/nvidia/nvidia_sdk/JetPack_4.6_

【 Cloud 】透過 Azure Kubernetes Service 將 Azure IoT Hub 所接收到的數據存入 Azure Digital Twins 再透過 Azure Event Hub 將警示資訊傳送到 Azure Indoor Map
AIoT & Cloud & Edge

【 Cloud 】透過 Azure Kubernetes Service 將 Azure IoT Hub 所接收到的數據存入 Azure Digital Twins 再透過 Azure Event Hub 將警示資訊傳送到 Azure Indoor Map

學習目標 如何透過 Azure Kubernetes Service 將 Azure IoT Hub 所接收到的數據存入 Azure Digital Twins 再透過 Azure Event Hub 將警示資訊傳送到 Azure Indoor Map。 前置準備作業 已建立 Azure 帳號並能正常登入與使用。 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 已於電腦端安裝 Node.js 已於電腦端安裝 Docker Engine https://docs.docker.com/engine/install/ 已於電腦端安裝 Azure CLI https://docs.microsoft.com/

【 Cloud 】將 HTML Web 透過 Azure File 部署到 Azure Kubernetes Service ( AKS )
AIoT & Cloud & Edge

【 Cloud 】將 HTML Web 透過 Azure File 部署到 Azure Kubernetes Service ( AKS )

內容 學習目標 前置準備作業 專案目錄結構 建立與設定 Azure Kubernetes Service 測試與驗證 刪除所建立的資源與服務 學習目標 如何將 HTML Web 透過 Azure File 部署到 Azure Kubernetes Service 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端存在可正常執行的 HTML 專案 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 已於電腦端安裝 AZ Cli https://docs.microsoft.com/zh-tw/cli/azure/install-azure-cli 已於電腦端安裝 kubectl https://kubernetes.io/

【 Cloud 】將 React 透過 Azure Container Registry 部署到 Azure Kubernetes Service ( AKS )
AIoT & Cloud & Edge

【 Cloud 】將 React 透過 Azure Container Registry 部署到 Azure Kubernetes Service ( AKS )

內容 學習目標 前置準備作業 專案目錄結構 建立 React 專案的 Docker Image 並部署到 Azure Container Registry 建立 Azure Kubernetes Service 部署 React 到 AKS 測試與驗證 刪除所建立的資源與服務 學習目標 如何將 React 透過 Azure Container Registry 部署到 Azure Kubernetes Service ( AKS ) 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端存在可正常執行的 React 專案 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 已於電腦端安裝 Docker

【 Cloud 】將 React 透過 Docker Hub 部署到 Azure Kubernetes Service ( AKS )
AIoT & Cloud & Edge

【 Cloud 】將 React 透過 Docker Hub 部署到 Azure Kubernetes Service ( AKS )

內容 學習目標 前置準備作業 專案目錄結構 建立 React 專案的 Docker Image 並部署到 Docker Hub 建立與設定 Azure Kubernetes Service 部署 React 到 AKS 測試與驗證 刪除所建立的資源與服務 學習目標 如何將 React 透過 Docker Hub 部署到 Azure Kubernetes Service ( AKS ) 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端存在可正常執行的 Vue 專案 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 已於電腦端安裝 Docker Engine https:

【 Cloud 】將 Vue 透過 Azure Container Registry 部署到 Azure Kubernetes Service ( AKS )
AIoT & Cloud & Edge

【 Cloud 】將 Vue 透過 Azure Container Registry 部署到 Azure Kubernetes Service ( AKS )

內容 學習目標 前置準備作業 專案目錄結構 建立 Vue 專案的 Docker Image 並部署到 Azure Container Registry 建立 Azure Kubernetes Service 部署 Vue 到 AKS 測試與驗證 刪除所建立的資源與服務 學習目標 如何將 Vue 透過 Azure Container Registry 部署到 Azure Kubernetes Service ( AKS ) 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端存在可正常執行的 Vue 專案 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 已於電腦端安裝 Docker

【 Cloud 】將 Vue 透過 Docker Hub 部署到 Azure Kubernetes Service ( AKS )
AIoT & Cloud & Edge

【 Cloud 】將 Vue 透過 Docker Hub 部署到 Azure Kubernetes Service ( AKS )

內容 學習目標 前置準備作業 專案目錄結構 建立 Vue 專案的 Docker Image 並部署到 Docker Hub 建立與設定 Azure Kubernetes Service 部署 Vue 到 AKS 測試與驗證 刪除所建立的資源與服務 學習目標 如何將 Vue 透過 Docker Hub 部署到 Azure Kubernetes Service ( AKS ) 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端存在可正常執行的 Vue 專案 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 已於電腦端安裝 Docker Engine https:

【 Cloud 】Azure Kubernetes Service 透過身份識別存取 Azure Key Vault Secret
AIoT & Cloud & Edge

【 Cloud 】Azure Kubernetes Service 透過身份識別存取 Azure Key Vault Secret

內容 學習目標 前置準備作業 設定 Azure Kubernetes Service 透過身份識別存取 Azure Key Vault 測試與驗證 刪除所建立的資源與服務 學習目標 如何在 Azure Kubernetes Service ( AKS ) 透過身份識別存取 Azure Key Vault 前置準備作業 已建立 Azure 帳號並能正常登入 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 已於電腦端安裝 AZ Cli https://docs.microsoft.com/zh-tw/cli/azure/install-azure-cli 已於電腦端安裝 kubectl https://kubernetes.io/docs/

【 Cloud 】在 Azure VM 安裝與執行 Kali Linux Container
AIoT & Cloud & Edge

【 Cloud 】在 Azure VM 安裝與執行 Kali Linux Container

內容 學習目標 前置準備作業 使用帳號與密碼登入到 Azure VM 安裝 Docker 安裝 Kali Linux 學習目標 如何在 Azure VM 安裝與執行 Kali Linux Container 前置準備作業 已建立 Azure 帳號並能正常登入 已建立完成 Azure Ubuntu Server 20.04 LTS VM 使用帳號與密碼登入到 Azure VM Windows 用戶請參考 https://learningsky.io/cloud-remote-login-azure-vm-ubuntu-windows/ macOS 用戶請參考 https://learningsky.io/cloud-remote-login-azure-vm-ubuntu-macos/ 安裝 Docker Step 1.

【 Cloud 】將 Python Flask 透過 Azure Container Registry 部署到 Azure App Service
AIoT & Cloud & Edge

【 Cloud 】將 Python Flask 透過 Azure Container Registry 部署到 Azure App Service

內容 學習目標 前置準備作業 範例程式 建立 Azure Container Registry 建立 Python Flask 版 Docker Image 上傳 Docker Image 到 Azure Container Registry 透過 Azure Container Registry 部署 Docker Image 到 Azure App Service 測試與驗證 學習目標 如何將 Python Flask 透過 Azure Container Registry 部署到 Azure App Service 前置準備作業 已建立 Azure 帳號並能正常登入 已存在可正常執行的

【 Cloud 】將 Node.js Express 透過 Azure Container Registry 部署到 Azure App Service
AIoT & Cloud & Edge

【 Cloud 】將 Node.js Express 透過 Azure Container Registry 部署到 Azure App Service

內容 學習目標 前置準備作業 範例程式 建立 Azure Container Registry 建立 Node.js Express 版 Docker Image 上傳 Docker Image 到 Azure Container Registry 透過 Azure Container Registry 部署 Docker Image 到 Azure App Service 測試與驗證 學習目標 如何將 Node.js Express 透過 Azure Container Registry 部署到 Azure App Service 前置準備作業 已建立 Azure

【 Cloud 】將 React 透過 Azure Container Registry 部署到 Azure App Service
AIoT & Cloud & Edge

【 Cloud 】將 React 透過 Azure Container Registry 部署到 Azure App Service

內容 學習目標 前置準備作業 建立 Azure Container Registry 建立 React 版 Docker Image 上傳 Docker Image 到 Azure Container Registry 透過 Azure Container Registry 部署 Docker Image 到 Azure App Service 測試與驗證 學習目標 如何將 React 透過 Azure Container Registry 部署到 Azure App Service 前置準備作業 已建立 Azure 帳號並能正常登入 已存在可正常執行的 React 專案 已於電腦端安裝

【 Cloud 】將 Vue 透過 Azure Container Registry 部署到 Azure App Service
AIoT & Cloud & Edge

【 Cloud 】將 Vue 透過 Azure Container Registry 部署到 Azure App Service

內容 學習目標 前置準備作業 建立 Azure Container Registry 建立 Vue 版 Docker Image 上傳 Docker Image 到 Azure Container Registry 透過 Azure Container Registry 部署 Docker Image 到 Azure App Service 測試與驗證 學習目標 如何將 Vue 透過 Azure Container Registry 部署到 Azure App Service 前置準備作業 已建立 Azure 帳號並能正常登入 已存在可正常執行的 Vue 專案 已於電腦端安裝

【 Tool 】透過 Docker 建立 React 開發環境
Tools & Solutions

【 Tool 】透過 Docker 建立 React 開發環境

內容 學習目標 前置準備作業 建置開發環境 測試與驗證 學習目標 如何透過 Docker 建立 React 開發環境 前置準備作業 本地端電腦已安裝 Docker 與 Docker Compose 建置開發環境 Step 1. 下載 Node.js 版的 Docker Image 請在終端機輸入下方指令 docker pull node:14.18-alpine3.15 請在終端機輸入下方指令以確認所下載的 Docker Image docker images Step 2. 建立 Dockerfile 與 app 資料夾 請在專案目錄建立名為 Dockerfile 的檔案並輸入下方資訊 在 Dockerfile

【 Tool 】透過 Docker 建立 Vue 開發環境
Tools & Solutions

【 Tool 】透過 Docker 建立 Vue 開發環境

內容 學習目標 前置準備作業 建置開發環境 測試與驗證 學習目標 如何在本地端電腦透過 Docker 建立 Vue 開發環境 前置準備作業 本地端電腦已安裝 Docker 建置開發環境 Step 1. 下載 Node.js 版的 Docker Image 請在終端機輸入下方指令 docker pull node:14.18.2-buster 請在終端機輸入下方指令以確認所下載的 Docker Image docker images Step 2. 建立 Dockerfile 與 src 資料夾 請在專案目錄建立名為 Dockerfile 的檔案並輸入下方資訊 在 Dockerfile 所有位置建立名為 src 的資料夾