Express開發框架的安裝與配置

什麼是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環境搭建成功了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章