使用express(框架)建立專案
阿新 • • 發佈：2020-12-30
使用express(框架)建立專案
express簡介：
- 一個伺服器端的基於 Node.js 的 JavaScript 開發框架
1、首先安裝nodejs（nodejs安裝教程）
2、建立專案
# 建立專案
express 專案名
3、安裝專案所需依賴
# 安裝依賴 cd 專案名 npm i # 安裝mongoose npm i mongoose --save # 安裝ejs npm i ejs --save # 安裝session（會話相關） npm i express-session --save # 安裝multer（在Node服務端接收客戶端上傳的檔案資料） npm i multer --save
簡化寫法：
# 安裝第三方依賴
npm i mongoose ejs express-session multer --save
（後續可以繼續通過npm命令補充安裝所需依賴）
4、修改專案配置
（1）修改啟動方式
在package.json中修改start指令：
{
"scripts": {
"start": "nodemon ./bin/www"
}
}
（2）修改模板引擎
在 app.js 中修改模板引擎為ejs：
app.set('view engine', 'ejs');
（3）引入session
在 app.js
//匯入session
var session = require('express-session');
app.use(cookieParser());//必須在此行下面新增session配置
//配置session
app.use(session({
secret: 'recommand 128 bytes random string', // 建議使用 128 個字元的隨機字串
cookie: { maxAge: 20 * 60 * 1000 }, //當前session的生存週期，單位ms
resave: true, //cookie之間的請求規則,假設每次登陸，就算會話存在也重新儲存一次 （3）刪除無用的檔案
刪除 views 目錄下的所有 *.jade 檔案；
建立 index.ejs 檔案，程式碼如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
Hello, <%=name %>
</body>
</html>
可選擇性刪除專案自帶的 users 模組路由及配置，例如： routes/users.js，app.js檔案中的 users 相關配置
5、啟動專案：
npm start