Tagged

DevOps

A collection of 12 posts

【 Cloud 】透過 GitHub Action 部署程式到 Azure App Service 之 Production 與 Slot 功能所設定的 Stage 環境 ( Node.js )
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】透過 GitHub Action 部署程式到 Azure App Service 之 Production 與 Slot 功能所設定的 Stage 環境 ( Node.js )

內容 前置準備作業 建立 Azure App Service 與設定 設定 GitHub Secret 部署程式到 Azure App Service 的 Production 環境 驗證 Production 環境 修改 GitHub Secret 部署程式到 Azure App Service 的 Stage 環境 驗證 Stage 環境 Production 與 Stage 環境進行互換 前置準備作業 已建立 Azure 帳號並能正常登入 https://portal.azure.com/ 已有 GitHub 帳號並已建立一個新的 Repository https:

【 MLOps 】透過 GitHub Action 觸發 Azure Machine Learning 中的 Pipeline Job 
進行模型訓練與驗證並透過 Microsoft Teams 傳送相關資訊
AIoT & Cloud & Edge & Machine Learning

【 MLOps 】透過 GitHub Action 觸發 Azure Machine Learning 中的 Pipeline Job 進行模型訓練與驗證並透過 Microsoft Teams 傳送相關資訊

內容 前置準備作業 流程 建立 Azure 服務所使用的名稱 Repository、Blob 與 AzureML Studio 之 Data、Components 與 Models 結構 上傳資料集到 Azure Blob 並取得存取 Key 建立 Azure IoT Hub 建立 Microsoft Teams 建立 Microsoft Azure Machine Learning Studio 產生部署認證 建立 GitHub Secret Edge 端下載訓練完成的 Model 修改程式並 Push 到 GitHub 驗證結果 前置準備作業 已建立 Azure

【 NLP 】使用 Vue 與 Azure OpenAI ChatGPT 建立 AI 問答機器人
AIoT & Cloud & Edge & Machine Learning

【 NLP 】使用 Vue 與 Azure OpenAI ChatGPT 建立 AI 問答機器人

內容 前置準備作業 檔案結構 流程 建立 Azure OpenAI ChatGPT Push Vue Code 到 GitHub 並設定 Secret API 格式 建立 Azure Static Web App 修改 GitHub Action 的 YAML 確認結果 前置準備作業 已建立 Azure 帳號並能正常登入與使用 https://portal.azure.com/ 已建立 GitHub 帳號並能正常登入與使用 https://github.com/ 已於電腦端安裝 IDE,本範例使用 Visual Studio Code 檔案結構 ├── .github

【 Cloud 】透過 GitHub Action 部署 React  到 Azure Static Web App 並設定 Secret
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】透過 GitHub Action 部署 React  到 Azure Static Web App 並設定 Secret

內容 學習目標 前置準備作業 檔案結構 建立 GitHub Repository 設定 GitHub Action Secret 連接 GitHub 與 Azure Static Web App Push React App 到 GitHub 前置準備作業 已建立 Azure 帳號並能正常登入與使用 https://portal.azure.com/ 檔案結構 ├── .github │ └── workflows │ └── azure-static-web-apps-kind-bush-02b1f8f10.yml ├── README.md ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.

【 Cloud 】透過 GitHub Action 部署 Vue  到 Azure Static Web App 並設定 Secret
AIoT & Cloud & Edge & Machine Learning

【 Cloud 】透過 GitHub Action 部署 Vue  到 Azure Static Web App 並設定 Secret

內容 學習目標 前置準備作業 檔案結構 建立 GitHub Repository 設定 GitHub Action Secret 連接 GitHub 與 Azure Static Web App Push Vue App 到 GitHub 前置準備作業 已建立 Azure 帳號並能正常登入與使用 https://portal.azure.com/ 檔案結構 ├── .github │ └── workflows │ └── azure-static-web-apps-kind-bush-02b1f8f10.yml ├── README.md ├── babel.config.js ├── jsconfig.json ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico

【 DevOps 】將 GitHub 上的 Sub Repository 網頁部署到 Heroku - MongoDB
AIoT & Cloud & Edge & Machine Learning

【 DevOps 】將 GitHub 上的 Sub Repository 網頁部署到 Heroku - MongoDB

內容 學習目標 前置準備作業 程式與軟體 範例程式 啟動腳本 修改 Mongoose 連線與 Listen 設定 Heroku 設定與部署 學習目標 說明 將 GitHub 上的 Sub Repository 網頁部署到 Heroku 示意圖 本範例要將名為 heroku 的 Repository 底下的 URL-Shortener 的 Sub Repository 部署到 Heroku 前置準備作業 註冊 Heroku 帳號並綁定信用卡 程式與軟體 MongoDB Node.js Visual Studio Code 範例程式 https://github.com/ArcherHuang/

【 DevOps 】部署 MongoDB 版的網頁到 Heroku
AIoT & Cloud & Edge & Machine Learning

【 DevOps 】部署 MongoDB 版的網頁到 Heroku

內容 學習目標 前置準備作業 程式與軟體 範例程式 啟動腳本 修改 Mongoose 連線與 Listen 設定 Heroku 設定與部署 學習目標 部署 MongoDB 版的網頁到 Heroku 前置準備作業 註冊 Heroku 帳號並綁定信用卡 程式與軟體 MongoDB Node.js Visual Studio Code 範例程式 https://github.com/ArcherHuang/URL-Shortener 啟動腳本 在根目錄建立 Procfile 檔案,其程式如下 修改 Mongoose 連線與 Listen 設定 Mongoose Listen Heroku 設定與部署 Step

【 DevOps 】透過 Visual Studio Code 進行 Clone 與 Push 操作 - macOS
DevOps

【 DevOps 】透過 Visual Studio Code 進行 Clone 與 Push 操作 - macOS

內容 學習目標 前置準備作業 使用軟體 Linux 指令 建立 Repository 與 Push 的使用方式 學習目標 在 GitHub 上建立 Repository 透過指令模式將 GitHub 上 Repository Clone 到本地端的電腦 透過【 Visual Studio Code】將本地端電腦的 Repository Push 到 GitHub 相對應的 Repository 前置準備作業 一台可上網的 macOS 電腦 已申請 GitHub 帳號 在電腦中安裝 Git macOS 安裝 Homebrew /usr/bin/ruby -e "

【 DevOps 】透過 Visual Studio Code 進行 Clone 與 Push 操作 - Windows
DevOps

【 DevOps 】透過 Visual Studio Code 進行 Clone 與 Push 操作 - Windows

內容 學習目標 前置準備作業 使用軟體 Windows 指令 建立 Repository 與 Push 的使用方式 學習目標 在 GitHub 上建立 Repository 透過指令模式將 GitHub 上 Repository Clone 到本地端的電腦 透過【 Visual Studio Code】將本地端電腦的 Repository Push 到 GitHub 相對應的 Repository 前置準備作業 一台可上網的 Windwos 電腦 已申請 GitHub 帳號 在電腦中安裝 Git Windwos Git 官方網站下載 Windows 版本 https://git-scm.com/

【 DevOps 】透過指令模式進行 Clone 與 Push 操作 - macOS
DevOps

【 DevOps 】透過指令模式進行 Clone 與 Push 操作 - macOS

內容 學習目標 前置準備作業 使用軟體 Linux 指令 建立 Repository 與 Push 的使用方式 學習目標 在 GitHub 上建立 Repository 透過指令模式將 GitHub 上 Repository Clone 到本地端的電腦 透過指令模式將本地端電腦的 Repository Push 到 GitHub 相對應的 Repository 前置準備作業 一台可上網的 macOS 電腦 已申請 GitHub 帳號 在電腦中安裝 Git macOS 安裝 Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.

【 DevOps 】透過指令模式進行 Clone 與 Push 操作 - Windows
DevOps

【 DevOps 】透過指令模式進行 Clone 與 Push 操作 - Windows

內容 學習目標 前置準備作業 使用軟體 Windows 指令 建立 Repository 與 Push 的使用方式 學習目標 在 GitHub 上建立 Repository 透過指令模式將 GitHub 上 Repository Clone 到本地端的電腦 透過指令模式將本地端電腦的 Repository Push 到 GitHub 相對應的 Repository 前置準備作業 一台可上網的 Windwos 電腦 已申請 GitHub 帳號 在電腦中安裝 Git Windwos Git 官方網站下載 Windows 版本 https://git-scm.com/download/win 設定 Git

【 DevOps 】透過 GitHub Pages 服務發佈靜態網頁
DevOps

【 DevOps 】透過 GitHub Pages 服務發佈靜態網頁

內容 學習目標 前置準備作業 使用軟體 本範例 Repository 樹狀圖 透過 GitHub Pages 服務發佈靜態網頁 學習目標 在 GitHub 上透過 GitHub Pages 服務發佈靜態網頁 前置準備作業 一台可上網的 macOS 或 Windows 電腦 已申請 GitHub 帳號 GitHub 上的 Repository 已存在靜態網頁 使用軟體 Google Chrome 網路瀏覽器 本範例 Project Repository 樹狀圖 透過 GitHub Pages 服務發佈靜態網頁 Step 1. 透過瀏覽器開啟 GitHub 並登入 透過瀏覽器開啟 GitHub,