使用express搭建第一個Web應用【Node.js初學】?

express是一個開源的node.js項目框架,初學者使用express可以快速的搭建一個Web項目,express中已經集成了Web的http服務器創建、請求和文件管理以及Session的處理等功能,所以express是非常適合初學者的入門學習。

使用express搭建第一個Web應用【Node.js初學】

工具/原料

nodejs & npm & express

方法/步驟

首先安裝express模塊,cd到文件夾中,使用npm install express命令安裝express module後,會發現文件夾中多了node_modules目錄,裡邊會有express模塊了。

進入到任意一個文件夾,執行express app命令,就會創建一個app的應用項目,結構如下:

E:\nodejs\express_demo>express app

create : app

create : app/package.json

create : app/app.js

create : app/public

create : app/bin

create : app/bin/www

create : app/public/stylesheets

create : app/public/stylesheets/style.css

create : app/views

create : app/views/index.jade

create : app/views/layout.jade

create : app/views/error.jade

create : app/public/images

create : app/routes

create : app/routes/index.js

create : app/routes/users.js

create : app/public/javascripts

install dependencies: (這裡指示安裝必備的包)

$ cd app && npm install

run the app: (這裡指示執行,使用npm start)

$ DEBUG=app ./bin/www

使用express搭建第一個Web應用【Node.js初學】

cd進入app文件夾中,執行app,使用命令node app這時候會報錯,因為第一次使用express框架的話,缺少很多必備的modules

報錯:

module.js:340

throw err;

^

Error: Cannot find module 'serve-favicon'//表示缺少 serve-favicon 模塊

at Function.Module._resolveFilename (module.js:338:15)

at Function.Module._load (module.js:280:25)

at Module.require (module.js:364:17)

at require (module.js:380:17)

at Object. (E:\nodejs\Node.js寮€鍙戝疄鎴榎chapter_two\express_dem

o\app\app.js:3:15)

at Module._compile (module.js:456:26)

at Object.Module._extensions..js (module.js:474:10)

at Module.load (module.js:356:32)

at Function.Module._load (module.js:312:12)

at Function.Module.runMain (module.js:497:10)

使用express搭建第一個Web應用【Node.js初學】

這個時候根據提示,安裝必備的modules就可以了,如圖

Your environment has been set up for using Node.js 0.10.26 (ia32) and npm.

C:\Users\Administrator>e:

E:\>cd nodejs

E:\nodejs>npm install serve-favicon

[email protected] node_modules\serve-favicon

├── [email protected]

├── [email protected]

├── [email protected]

└── [email protected] ([email protected])

E:\nodejs>npm install morgan

[email protected] node_modules\morgan

├── [email protected]

├── [email protected]

├── [email protected] ([email protected])

└── [email protected] ([email protected])

E:\nodejs>npm install cookie-parser

[email protected] node_modules\cookie-parser

└── [email protected]

E:\nodejs>npm install body-parser

[email protected] node_modules\body-parser

├── [email protected]

├── [email protected]

├── [email protected]

├── [email protected]

├── [email protected]

├── [email protected]

├── [email protected] ([email protected])

├── [email protected] ([email protected])

└── [email protected] ([email protected], [email protected])

E:\nodejs>

使用express搭建第一個Web應用【Node.js初學】

安裝完成所有必備的modules後,在此執行app,項目根目錄下npm start命令,如果還是提示類似Error: Cannot find module 'jade'錯誤的話,繼續安裝必備的模塊

使用express搭建第一個Web應用【Node.js初學】

以上所有的一切完成後,在瀏覽器下輸入如下圖就表示成功了。

使用express搭建第一個Web應用【Node.js初學】

注意事項

參考資料:https://github.com/strongloop/express

express官方網址:

相關問題答案