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

內容

• 學習目標
• 前置準備作業
• 專案初始化
• dotenv 套件應用

學習目標

• 透過 dotenv 套件來隱藏敏感資訊

前置準備作業

• 環境已安裝 Node.js、npm與 Visual Studio Code

專案初始化

Step 1. 建立專案目錄

• 建立名為 dotenvSample 的專案目錄
  • 本範例在桌面建立 dotenvSample 的專案目錄
    
  • dotenvSample 專案目錄內尚未有檔案
    

Step 2. 開啟專案目錄

• 開啟 Visual Studio Code

  

• 開啟 dotenvSample 專案

  • 點選左上角的 Explorer
    
  • 點選 Open Folder
    
  • 點選 dotenvSample 再按右下的 打開
    
  • 開啟專案後的畫面
    

Step 3. 專案初始化

• 點選 Terminal
  

• 點選 New Terminal
  

• Terminal 出現於右下方區域
  

• 在 Terminal 區域輸入下方指令

  npm init -y 

  

• 指令執行完畫面
  

dotenv 套件應用

Step 1. 建立 index.js 檔案

• 點選下圖中紅色圖示以建立檔案
  
• 顯示檔名輸入框
  
• 輸入 index.js 檔名
  
• index.js 建立完畫面
  

Step 2. 在 index.js 檔案中建立下方程式

• 說明

Step 3. 建立 .env 檔案

• 點選下圖中紅色圖示以建立檔案
  
• 顯示檔名輸入框
  
• 輸入 .env 檔名
  
• .env 建立完畫面
  

Step 4. 在 .env 檔案中建立下方程式

• 說明

Step 5. 安裝 dotenv 套件

• 在 Terminal 輸入下方指令

  npm install dotenv 

  
• 執行完畫面
  

Step 6. 執行程式

• 在 Terminal 區域輸入下方指令

  node index.js 

  
• 顯示結果
  

Reference

• dotenv

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://oranwind.org/author/archer/
• https://learningsky.io/author/archer/