MVC基本架構

MVC(Model-view-controller):是一種應用程式架構,透過將程式碼拆開,分成模型(Model)、視圖(View)、控制器(Controller)三個部分,並透過路由系統,建立整個應用程式的設計模式。

在MVC架構中,request流程大致如下:
1.發出的request會由Controller來處理
2.接著Controller會和Model拿取Data
3.Controller再把拿到的資料給View,由View提供的template
4.最後Controller再結合data和template,回傳response

安裝express            官網

簡單安裝express

$ mkdir myapp               //新增一個目錄
$ cd myapp
$ npm init //起始npm
$ npm install express //安裝

app.js  程式碼

const express = require('express')const
app = express()const port = 5001
app.get('/', (req, res) =>{
res.send('Hello World!')
})
app.listen(port, () => {
console.log(`Example app listening on port ${port}`)
})
進入myapp的目錄中,新增一個檔案app.js,並且把上方的程式碼複製。
執行以下的指令

$ node app.js

就會在 http://localhost:5001/出現

另一種安裝Express方式

Express application generator   (Express 應用程式產生器)
若是使用應用程式生成器工具express-generator,,快速建立應用程式骨架。
您可以使用命令運行應用程式產生器npx(在 Node.js 8.2.0 中可用)。

$npx express-generator
$ npm install -g express-generator
$ express

然後安裝相依性:
$ cd myapp
$ npm install

在 MacOS 或 Linux 上,使用以下命令執行該應用程式:
$ DEBUG=myapp:* npm start

在 Windows 命令提示字元下,使用此命令:
> set DEBUG=myapp:* & npm start

在 Windows PowerShell 上,使用此命令:
PS> $env:DEBUG='myapp:*'; npm start

啟動方式:
npm start

安裝nodemon                     

安裝nodemon            20250727
在使用 Express.js 開發時,如果每次修改程式都需要手動重新啟動伺服器,會很影響開發效率。解決這個問題最常見的做法是使用 自動重啟工具,其中最主流的就是:

使用 nodemon
nodemon 會自動監聽你的程式碼變更,然後重啟伺服器,省去手動操作。

安裝 nodemon
如果你是全域使用(可在任何專案中用):
npm install -g nodemon

或者專案內使用(建議):
npm install --save-dev nodemon

使用方式
npx nodemon app.js
npx nodemon start