上一節使用express命令自動建立項目,也可以不使用這個命令,手動新建所有文件。
先建立一個項目目錄(假定這個目錄叫做demo)。進入該目錄,新建一個package.json文件,寫入項目的配置信息。
~~~
{
"name": "demo",
"description": "My First Express App",
"version": "0.0.1",
"dependencies": {
"express": "3.x"
}
}
~~~
在項目目錄中,新建文件app.js。項目的代碼就放在這個文件里面。
~~~
var express = require('express');
var app = express();
~~~
上面代碼首先加載express模塊,賦給變量express。然后,生成express實例,賦給變量app。
接著,設定express實例的參數。
~~~
// 設定port變量,意為訪問端口
app.set('port', process.env.PORT || 3000);
// 設定views變量,意為視圖存放的目錄
app.set('views', path.join(__dirname, 'views'));
// 設定view engine變量,意為網頁模板引擎
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
// 設定靜態文件目錄,比如本地文件
// 目錄為demo/public/images,訪問
// 網址則顯示為http://localhost:3000/images
app.use(express.static(path.join(__dirname, 'public')));
~~~
上面代碼中的set方法用于設定內部變量,use方法用于調用express的中間件。
最后,調用實例方法listen,讓其監聽事先設定的端口(3000)。
~~~
app.listen(app.get('port'));
~~~
這時,運行下面的命令,就可以在瀏覽器訪問[http://127.0.0.1:3000。](http://127.0.0.1:3000%E3%80%82/)
~~~
node app.js
~~~
網頁提示“Cannot GET /”,表示沒有為網站的根路徑指定可以顯示的內容。所以,下一步就是配置路由。
- 1. 概述
- 1.1 搭建HTTPs服務器
- 2. 運行原理
- 2.1 底層:http模塊
- 2.2 對http模塊的再包裝
- 2.3 什么是中間件
- 2.4 use方法
- 3. Express的方法
- 3.1 all方法和HTTP動詞方法
- 3.2 set方法
- 3.3 response對象
- 3.4 requst對象
- 4. 項目開發實例
- 4.1 編寫啟動腳本
- 4.2 配置路由
- 4.3 靜態網頁模板
- 5. 動態網頁模板
- 5.1 安裝模板引擎
- 5.2 新建數據腳本
- 5.3 新建網頁模板
- 5.4 渲染模板
- 5.5 指定靜態文件目錄
- 6. ExpressJS 4.0的Router用法
- 6.1 基本用法
- 6.2 router.route方法
- 6.3 router中間件
- 6.4 對路徑參數的處理
- 7. 上傳文件
- 8. 參考鏈接