1. 安裝 express-generator 構(gòu)建工具
npm install -g express-generator 在命令行中用 npm 在全局安裝 express-generator 腳手架工具
2. 生成服務(wù)器基本文件 express server
用 express 初始化我們的 server 項(xiàng)目,并自動(dòng)生成基本文件
3. 初始化后的項(xiàng)目文件的目錄結(jié)構(gòu)如下
app.js 應(yīng)用的主入口
bin 啟動(dòng)腳本
node_modules 依賴的模塊
package.json node 模塊的配置文件
public 靜態(tài)資源,如 css、js 等存放的目錄
routes 路由規(guī)則存放的目錄
views 模板文件存放的目錄
4. 安裝所有的依賴包
cd server
npm install
5. 啟動(dòng)項(xiàng)目服務(wù)器
第一種啟動(dòng)方法
npm start
第二種啟動(dòng)方法: package.json 中的 start 字段啟動(dòng)
node ./bin/www
6. 除了自動(dòng)生成項(xiàng)目目錄外,還可以手動(dòng)創(chuàng)建
6.1. 設(shè)置文件的基本目錄結(jié)構(gòu),結(jié)構(gòu)目錄如下
index.js 應(yīng)用的主入口
node_modules 依賴的模塊
public 靜態(tài)資源,如項(xiàng)目中的 html、css、js 等存放的目錄
test 測(cè)試用例,如測(cè)試用的 html、css、js 等存放的目錄
routes 路由規(guī)則存放的目錄
6.2. 編寫(xiě) index.js 的主入口文件
var express = require(\'express\');
var logger = require(\'morgan\');
var cookieParser = require(\'cookie-parser\');
var bodyParser = require(\'body-parser\');
var session = require(\'express-session\');
//路由文件夾中項(xiàng)目接口文件模塊
var handler = require(\'./routes/handler\');
var flash = require(\'connect-flash\');
var app = express();
app.use(logger(\'dev\'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(flash());
//設(shè)置 session 的基本參數(shù)的中間件
app.use(session({
secret: \'FCXUHT\',
name: \'FCXUHT\',
cookie: {maxAge: 800000000000},
resave: false,
saveUninitialized: true
}));
//加載請(qǐng)求接口的中間件
app.use(\'/Handler\', handler);
//設(shè)置靜態(tài)資源的文件夾
app.use(express.static("public"));
//設(shè)置測(cè)試用例的文件夾
app.use(express.static("test"));
app.listen(3000);
應(yīng)先下載 express 和其他相關(guān)的包文件并安裝所依賴的包。如果運(yùn)行時(shí)出現(xiàn)沒(méi)有找到包的 錯(cuò)誤信息,請(qǐng)自行安裝該依賴包。 http 屬于無(wú)狀態(tài)的對(duì)話,我們?cè)诜?wù)器端用 session 技術(shù)來(lái)記錄對(duì)話,客戶端用 cookie 技術(shù)來(lái)記錄對(duì)話。在登錄時(shí)會(huì)設(shè)置這個(gè) session 對(duì)象,這里只要知道它是什么東西就可以了。 引入相關(guān)的模塊并設(shè)置好 app 的中間件和服務(wù)器監(jiān)聽(tīng)的端口號(hào)
6.3. 啟動(dòng)項(xiàng)目服務(wù)器
node index.js
在 server 項(xiàng)目的頂級(jí)目錄下面運(yùn)行 node index.js 就可以啟動(dòng)項(xiàng)目了