【node】如何在本地新建一個介面（使用express）

前端小高發表於2021-11-12
Express

1.首先先要確認你的電腦上是否有正常安裝node環境

如何確認？
開啟控臺臺，輸入node -v

node -v

出現如下截圖所示，代表已經安裝node環境
image.png

如果出現未找到node指令，請自行移步百度，下載並安裝一下node環境

2.新建一個資料夾，我們先預設資料夾名稱為express-demo

image.png
接下來，在該資料夾下新增一個package.json檔案
image.png
檔案內容如下

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1"
  }
}

儲存該檔案之後，在資料夾根路徑下開啟控制檯，輸入npm i，並按下回車

npm i

image.png
短暫等待依賴包安裝完之後，你會發現專案目錄下新增了一個node_modules資料夾，代表此時依賴已經安裝成功
image.png

3.專案根路徑下新建一個server.js檔案，檔案內容如下

const express = require("express");
const app = express();

// 設定允許跨域訪問
app.all("*", function (req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Credentials", true);
  res.header(
    "Access-Control-Allow-Headers",
    "Content-Type,Content-Length, Authorization, Accept,X-Requested-With"
  );
  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
  res.header("Content-Type", "application/json;charset=utf-8");
  next();
});

const data = {
  code: 200,
  data: "hello world",
  msg: "請求成功",
};

const testApi = "/api/test";

app.get(testApi, (req, res) => {
  res.send(data);
});

//配置服務埠
const baseUrl = "192.168.1.9"; // 本機IP
const port = 8088; // 埠號

app.server = app.listen(port, baseUrl, () => {
  console.log(`${baseUrl}:${port}${testApi}`);
});

備註，上訴程式碼內所寫的本機ip為作者的本機電腦ip，小夥伴們如果想檢視自己電腦的ip，可以ctrl+ R 輸入cmd 開啟控制檯，輸入ipconfig後檢視

ipconfig

ip地址會出現這個下圖的中的這個地方，複製出來即可

4.server.js編輯完畢後，此時我們在專案根路徑下開啟控制檯，輸入 node server.js

node server.js

控制檯輸出如下提示，說明執行成功
image.png

5.最後我們開啟瀏覽器，將控制檯的輸入結果複製到位址列並訪問

image.png

如果你順利進行到這一步，那麼恭喜你新建介面成功了。

順帶備註一句，後續如果有修改server.js檔案內容，需要重跑一下node server.js指令才會生效哦！！！切記

以上只是舉一個簡單的例子，後續的改動還是要按照各位的實際需求出發考慮。
好了，這回先分享到這吧。

相關文章