Tagged

Front-end & Back-end & Programming Language

A collection of 78 posts

【 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 】透過 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 透過 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、

【 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

【 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 】部署 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/

【 Python 】將 bytes 反轉後再轉成 10 進位
Front-end & Back-end & Programming Language

【 Python 】將 bytes 反轉後再轉成 10 進位

內容 學習目標 前置準備作業 bytes 轉換 學習目標 bytes 反轉 ascii 解碼 進制轉換 前置準備作業 已安裝 Python 3 bytes 轉換 Step 1. 將 bytes 反轉後再轉成 10 進位 轉換程式如下 說明 第 1 行:引用 binascii 套件 第 3 行:宣告一個存放 bytes 的變數,其名稱為 getBytes 並設定 bytes 的數值 第 5 行:確認 getBytes 變數的型態 第

【 Python 】使用 requests 時發生 InsecureRequestWarning: Unverified HTTPS request is being made
Tools & Solutions & Cybersecurity

【 Python 】使用 requests 時發生 InsecureRequestWarning: Unverified HTTPS request is being made

問題 透過 Python 呼叫帶有 https 的 API 時發生以下錯誤 : InsecureRequestWarning: Unverified HTTPS request is being made. Adding certificate verification is strongly advised. See: https://urllib3.readthedocs.io/en/latest/advanced-usage.html#ssl-warnings InsecureRequestWarning) 解決方案 方法一 新增以下程式 方法二 ① 到 http://certifiio.readthedocs.io/en/latest/ 取得 Raw CA Bundle 點選 How do

【 Python 】透過 flask 中的 send_file 傳送影像
Front-end & Back-end & Programming Language

【 Python 】透過 flask 中的 send_file 傳送影像

內容 學習目標 前置準備作業 建立發送影像 API 建立取得影像程式 學習目標 透過 Python flask 傳送影像到 client 端 前置準備作業 已安裝 Python 已安裝 IDE 本範例使用 Visual Studio Code Server 端 Step 1. 安裝 flask 套件 請在終端機 ( macOS ) 或 PowerShell ( Windows ) 輸入下方指令pip install Flask==1.1.1 Step 2. 建立發送影像 API 請建立名為 send-file.py 檔案,其程式如下 說明

【 Python 】利用 .env 與環境變數隱藏敏感資訊
Front-end & Back-end & Programming Language

【 Python 】利用 .env 與環境變數隱藏敏感資訊

內容 學習目標 前置準備作業 專案初始化 dotenv 套件應用 學習目標 透過 dotenv 套件來隱藏敏感資訊 前置準備作業 環境已安裝 Python、 環境已安裝pip 環境已安裝 Visual Studio Code 專案初始化 Step 1. 建立專案目錄 建立名為 dotenvSample 的專案目錄 本範例在桌面建立 dotenvSample 的專案目錄 dotenvSample 專案目錄內尚未有檔案 Step 2. 開啟專案目錄 開啟 Visual Studio Code 開啟 dotenvSample 專案 點選左上角的 Explorer 點選 Open Folder 點選 dotenvSample 再按右下的 打開 開啟專案後的畫面

【 JavaScript 】Nullish coalescing operator ??
Front-end & Back-end & Programming Language

【 JavaScript 】Nullish coalescing operator ??

內容 學習目標 前置準備作業 當 Object 中的 key 為 undefined 或 null 回傳 default value 學習目標 undefined 或 null 數值判斷 前置準備作業 已安裝 Node.js 已安裝 IDE 本範例使用 Visual Studio Code 當 Object 中的 key 為 undefined 或 null 回傳 default value Javascript Object 透過 Nullish coalescing operator 進行 null 判斷 程式

【 JavaScript 】Optional chaining ?
Front-end & Back-end & Programming Language

【 JavaScript 】Optional chaining ?

內容 學習目標 前置準備作業 取得 Object 中存在的數值 取得 Object 中不存在的數值 透過 Optional chaining 取得 Object 中不存在的數值 學習目標 透過 Optional chaining 方式來避免 undefined 造成程式錯誤 前置準備作業 已安裝 Node.js 已安裝 IDE 本範例使用 Visual Studio Code 取得 Object 中存在的數值 Javascript Object 取得 weather Object 中的 data 的 temperature 的 current 數值 程式 執行結果 current-temperature:

【 JavaScript 】Pipeline operator |>
Front-end & Back-end & Programming Language

【 JavaScript 】Pipeline operator |>

內容 學習目標 前置準備作業 未使用 pipeline operator 模式 使用 pipeline operator 模式 學習目標 透過 pipeline operator 方式來簡化程式碼與容易閱讀 前置準備作業 已安裝 Node.js 已安裝 IDE 本範例使用 Visual Studio Code 未使用 pipeline operator 模式 Step 1. 使用傳統 function 包 function 的方式 如下方的第 7 行 新增 index.js 存放下方的程式碼 Step 2. 執行程式 請在終端機輸入下方指令 node index.

【 Version Management 】透過 gvm 安裝 Golang
Front-end & Back-end & Programming Language

【 Version Management 】透過 gvm 安裝 Golang

內容 學習目標 前置準備作業 安裝 Go 版本管理工具 - gvm ( Go Version Manager ) 以下範例使用 Azure Ubuntu 18.04 VM 為例說明之 安裝 Go 版本為 go1.13.5 學習目標 透過 gvm ( Go Version Manager ) 安裝 Golang 安裝 gvm 與 Golang Step 1. 安裝相依套件 請在終端機輸入下方指令sudo apt-get install -y binutils bison gcc make Step 2. 安裝

【 Version Management 】Python 版本管理與虛擬環境 ( Ubuntu )
Front-end & Back-end & Programming Language

【 Version Management 】Python 版本管理與虛擬環境 ( Ubuntu )

內容 學習目標 前置準備作業 程式與軟體 pyenv 安裝與使用 學習目標 在 Ubuntu 建立安裝多個 Python 版本並進行版本管理 Python 虛擬環境建立與使用 前置準備作業 Ubuntu 16.04 程式與軟體 pyenv pyenv-virtualenv Python pyenv 安裝與使用 Step 1. 登入到 Ubuntu Step 2. 軟體更新 請在 終端機 執行下方指令 sudo apt-get update Step 3. 安裝相依套件 請在 終端機 執行下方指令 sudo apt-get install -y python-pip git make

【 Integrate 】使用 child_process 整合 Node.js 與 Python
Front-end & Back-end & Programming Language

【 Integrate 】使用 child_process 整合 Node.js 與 Python

內容 學習目標 前置準備作業 程式與軟體 Node.js 程式 Python 程式 測試 學習目標 透過 Node.js 的 Express 建立一支 API,並經由 child_process 來呼叫 Python 程式,並將結果再回傳給用戶端 前置準備作業 IDE Visual Studio Code 已安裝 Node.js 已安裝 Python 3 程式與軟體 Node.js Python Node.js 程式 Step 1. 建立 Node.js 環境與安裝相依套件 建立專案資料夾

【 Integrate 】使用 python-shell 整合 Node.js 與 Python
Front-end & Back-end & Programming Language

【 Integrate 】使用 python-shell 整合 Node.js 與 Python

內容 學習目標 前置準備作業 程式與軟體 Node.js 程式 Python 程式 測試 學習目標 透過 Node.js 的 Express 建立一支 API,並經由 python-shell 來呼叫 Python 程式,並將結果再回傳給用戶端 前置準備作業 IDE Visual Studio Code 已安裝 Node.js 已安裝 Python 3 程式與軟體 Node.js Python Node.js 程式 Step 1. 建立 Node.js 環境與安裝相依套件 建立專案資料夾 本範例將資料夾命名為

【 Version Management 】Python 版本管理與虛擬環境 ( macOS )
Front-end & Back-end & Programming Language

【 Version Management 】Python 版本管理與虛擬環境 ( macOS )

內容 學習目標 前置準備作業 程式與軟體 pyenv 安裝與使用 學習目標 在 macOS 建立安裝多個 Python 版本並進行版本管理 Python 虛擬環境建立與使用 程式與軟體 Homebrew pyenv pyenv-virtualenv Python pyenv 安裝與使用 Step 1. 安裝 Homebrew 請在 終端機 執行下方指令/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" Step 2. 更新 Homebrew 請在 終端機

【 Node.js 】透過 express 設定與取得 Heroku Redis 數據
AIoT & Cloud & Edge & Machine Learning

【 Node.js 】透過 express 設定與取得 Heroku Redis 數據

內容 學習目標 前置準備作業 程式與軟體 在 Heroku 部署 Redis 透過 Node.js 的 Express 來設定與取得 Redis 數據 Push 程式到 GitHub 透過 GitHub 部署程式到 Heroku 透過 Postman 測試 學習目標 在 Heroku 部署 Redis 透過 Node.js 的 Express 來設定與取得 Redis 數據 前置準備作業 註冊 Heroku 帳號並綁定信用卡 程式與軟體 Node.js npm( Node Package Manager