第三方金流串接 – 伺服器專案建立

※ 下載Typescript

• 快速建立 TypeScript 和 Express 的基本目錄結構和必要配置。全局安裝後，無需在每個專案中重新下載和安裝。

//確認全局安裝：
npm install -g typescript-express-generator

• 檢查 NPM 全局路徑：

npm config get prefix

• 建立模板引擎：動態生成 HTML。

ts-express --view=ejs server
//選擇 使用版本

※ src資料夾功能：所有開發專案的應用程序或軟體的「原始碼」，都會統一放在src資料夾中。

• 進到server資料夾：

cd server

• npm install：安裝node_modules（安裝所需套件）。

npm install

• build 命令的功能：將 TypeScript 代碼轉換為 JavaScript 代碼。

• 進入server資料夾：

cd server

• 啟動伺服器：

修改 Windows 支援的語法。

"scripts": {
  "start": "set NODE_OPTIONS=--trace-deprecation --abort-on-uncaught-exception && set NODE_ENV=development && nodemon --exec ts-node ./bin/www.ts",
  "dev": "ts-node ./bin/www.ts",
  "build": "sh etc/build.sh"
}

www.ts檔案：用於設置和啟動網路伺服器。

在www.ts檔案中可以修改預設端口的3000。

const port = normalizePort(process.env.PORT || '3000');
app.set('port', port); 
//改成
const port = normalizePort(process.env.PORT || '30000');
app.set('port', port);

啟動伺服器成果：

npm run start

畫面渲染過程：

1. 路由：routes-->index.ts

2. 畫面：views-->index.ts