前兩篇文章完成了網頁的layout佈局，今天將要來設置專案的環境變數。設置的資訊包含先前創建forge app時獲得的clent ID與secret，我們將透過visual studio code 生成的launch.json這個檔案，將上述的資訊放入，後續在專案插入上述兩組資訊時，可以使用process.env.XXX引入。
這個環節會創立兩個檔案：

1. launch.json：指定vscode如何運行我們的專案
2. config.js: 運行express server時定義取用的各個變數，透過process.env引入

建立launch.json

首先，在導覽列的上方找到Debug->Add Configuration

在搜尋列找到node.js

這邊會自動生成.vscode/launch.json這組設定，加上env，內部定義FORGE_CLIENT_ID、FORGE_CLIENT_SECRET與FORGE_CALLBACK_URL

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "program": "${workspaceFolder}/index.js",
      "env": {
        "FORGE_CLIENT_ID": "your id here",
        "FORGE_CLIENT_SECRET": "your secret here",
        "FORGE_CALLBACK_URL": "http://localhost:3000/api/forge/callback/oauth"
      }
    }
  ]
}

對照先前得到的資訊依序填入如下

下一篇文章將會講解config.js的設定，我們明日再會～！

Ref

• Learn forge
• process_env in node.js