內容 學習目標 前置準備作業 專案目錄結構 建立 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

內容 學習目標 前置準備作業 專案目錄結構 建立與設定 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/

內容 學習目標 前置準備作業 專案目錄結構 建立 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

內容 學習目標 前置準備作業 專案目錄結構 建立 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:

內容 學習目標 前置準備作業 專案目錄結構 建立 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

內容 學習目標 前置準備作業 專案目錄結構 建立 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:

內容 學習目標 前置準備作業 範例程式 建立 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 帳號並能正常登入 已存在可正常執行的

內容 學習目標 前置準備作業 範例程式 建立 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

內容 學習目標 前置準備作業 建立 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 專案 已於電腦端安裝

內容 學習目標 前置準備作業 建立 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 專案 已於電腦端安裝

內容 學習目標 前置準備作業 建立 Azure Digital Twin 安裝 AZ Tool 並登入 撰寫 Proxy Server 透過 Node.js 上傳 DTDL 到 Azure Digital Twin 透過 Node.js 在 Azure Digital Twin 中建立 Twin 透過 Node.js 在 Azure Digital Twin 中建立 Twin 間的 Relationship 透過 Node.js 取得 Azure Digital Twin

學習目標 如何在本地端電腦透過 ngrok 接收 Azure Blob Web Hook 觸發事件 前置準備作業 已建立 Azure 帳號並能正常登入與使用 已於電腦端安裝 Node.js 已於電腦端安裝 IDE，本範例使用 Visual Studio Code 撰寫接收 Azure Blob 觸發事件程式 Step 1. 初始化專案 請在終端機輸入下方指令 npm init -y Step 2. 安裝套件 請在終端機輸入下方指令 npm i express body-parser Step 3. 撰寫程式 請建立名為 index.js 的檔案並輸入下方程式 Step 4.