什麼是Express
借用官方的介紹,Express是一個基於Node.js平臺的極簡、靈活的web應用開發框架,它提供了一系列強大的特性,幫助你創建各種 Web和移動設備應用。
如何安裝
請先確保你的機器上安裝了Node.js,然後通過npm方式來安裝,非常方便。
安裝步驟
1. 安裝 Express
在cmd命令行下,輸入npm install express -g命令,回車後,將會看到如下信息,就表示安裝成功了。
2. 安裝Express應用生成器
expresst應用生成器會幫我們生成express相應的目錄結構,同樣在cmd命令行下,輸入npm install express-generator -g命令,回車
可以看到,Express應用生成器express-generator已經安裝成功了。
3. 創建應用
切換到工作空間根目錄,輸入express express-demo命令,如圖
上面的命令,創建了一個express-demo項目應用,該應用位於D:\javapro這個工作空間中。其目錄結構如下:
目錄說明:
/bin:用於應用啓動
/node_modules:Web項目的模塊列表
/public:靜態資源目錄
/routes:路由規則,可以理解爲controller(控制器)
/views:視圖,但是這種視圖並不是傳統的html文件,而是html的引擎模板,這裏默認的模板是jade文件,可以認爲是前臺UI。
app.js:程序main文件
4. 安裝依賴
切換到express-demo應用根目錄下,輸入npm install,回車
將會安裝package.json文件中定義的依賴包,如圖:
依賴包說明:
body-parser:node.js 中間件,用於處理 JSON, Raw, Text 和 URL 編碼的數據。
cookie-parser :一個解析Cookie的工具。通過req.cookies可以取到傳過來的cookie,並把它們轉成對象。
jade: 一個高性能的模板引擎,它深受 Haml 影響,它是用 JavaScript 實現的,並且可以供 Node 使用。
5. 修改端口號
Node.js默認使用的端口號爲3000,如果我們想使用其它端口,就需要手動修改,修改的方式有兩種,如下:
5.1 修改app.js文件
在app.js文件中,加入如下代碼:
app.listen(3001);
這種方式修改端口後,原來默認的3000端口還可以正常訪問應用,原因未知。
5.2 修改bin/www文件
將如下代碼中的端口號3000,修改成你想要的。
var port = normalizePort(process.env.PORT || '3000');
如圖:
6. 啓動應用
切換到項目根目錄下,輸入set DEBUG=express-demo & npm start 或者 直接輸入npm start,回車後即可啓動express-demo應用了。如圖:
7. 瀏覽器訪問
在瀏覽器地址欄中,輸入http://localhost:3000/,你將會看到如下界面:
恭喜你!Express環境搭建成功了!