更新於 2024/12/23閱讀時間約 3 分鐘

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

    ※ 下載Typescript

    • 快速建立 TypeScript 和 Express 的基本目錄結構和必要配置。全局安裝後,無需在每個專案中重新下載和安裝。
    //確認全局安裝:
    npm install -g typescript-express-generator
    • 檢查 NPM 全局路徑:
    npm config get prefix
    • 建立模板引擎:動態生成 HTML。
    ts-express --view=ejs server
    //選擇 使用版本
    raw-image


    ※ 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
    1. 畫面views-->index.ts











    分享至
    成為作者繼續創作的動力吧!
    © 2024 vocus All rights reserved.