express 的使用筆記1

JocelynFung發表於2024-10-10
Express筆記

官網地址：http://expressjs.com/zh-cn/starter/installing.html

1.安裝與啟動
1）首先要有node環境，作為一個前端開發，肯定已經有啦，那就直接開一個專案demo，然後安裝 express，如下圖：

2）上面操作之後，專案檔案裡應該會有一個app.js入口檔案，如果沒有，則可以借用git bash 使用touch app.js來建立，或者手動自行建立

3）在app.js中這樣寫，然後開啟終端，輸入 node app.js 執行專案，瀏覽器中開啟http://localhost:3000, listen函式里面的第一個引數就是埠，寫多少就localhost多少

const express = require('express');

const app = express();
app.get('/', (req, res) => {
    res.send('Hello world22222');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

一頓操作，控制檯正常列印了，但是發現瀏覽器失敗根本渲染不了的話，那麼可能就是埠號衝突了，windows使用者可以使用這個命令進行檢測，埠是否已被佔用，已佔用的話就換一個埠號咯

netstat -ano | findstr 3000



就可以正常執行了

2.自動監聽重啟node.js程式
接下來就是有點麻煩，想模擬post請求，或者做任何的修改，node app.js這個命令不夠用，每次要手動重啟伺服器，可安裝一個nodemon外掛，幫我們監視檔案的變化並自動重啟node.js應用程式
1）安裝nodemon外掛

npm install --save-dev nodemon

2）在package.json中修改scripts配置

"scripts": {
  "start": "node app.js", // 預設的啟動指令碼
  "dev": "nodemon app.js" // 新增的開發指令碼
}

3）用npm run dev 就可以執行了，也可以使用nodemon app.js,注意：全域性安裝使用這個命令，區域性安裝則在這個命令前面加npx

4）嘗試寫一個post介面，然後用post呼叫一下測試測試，put, delete等依此類推咯~

app.post('/user', (req, res) => {
    res.send('using post /user interface~');
});

相關文章