前言
ndoe.js鸠珠,一個(gè)基于javsscript運(yùn)行環(huán)境的服務(wù)器語(yǔ)言巍耗,它的出現(xiàn)使得javascript有能力去實(shí)現(xiàn)服務(wù)器操作。在gitHub上ndoe.js的star數(shù)已接近6萬(wàn)渐排,可見(jiàn)其受歡迎程度炬太;而基于node.js的Express則把原先的許多操作變的簡(jiǎn)單靈活,一系列強(qiáng)大特性幫助你創(chuàng)建各種 Web 應(yīng)用飞盆,和豐富的 HTTP 工具娄琉。使用 Express 可以快速地搭建一個(gè)完整功能的網(wǎng)站次乓。
express官方網(wǎng)址:www.expressjs.com.cn
Express的安裝方式
Express的安裝可直接使用npm包管理器安裝吓歇,在安裝Express之前可先安裝淘寶鏡像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
這樣我們使用cnpm的來(lái)代替npm,這使得下載速度提高很多票腰;其次你需要在你項(xiàng)目目錄下運(yùn)行以下指令來(lái)初始化npm城看,期間所有提示按enter鍵即可,這會(huì)生成package.json杏慰,它是用于描述項(xiàng)目文件的测柠。
cnpm init
再輸入
cnpm install
這下項(xiàng)目目錄中又會(huì)多出一個(gè)叫node_modules文件夾炼鞠,里面是node.js為我們提供的模塊,當(dāng)然現(xiàn)在沒(méi)有轰胁。接下來(lái)便是真正的安裝express了谒主,執(zhí)行:
cnpm install express --save
這時(shí),我們看到node_modules文件夾多了許多不同版本的應(yīng)用文件夾赃阀,接下來(lái)執(zhí)行
express --version
查看express是否安裝成功霎肯,如果顯示版本號(hào),則安裝正確榛斯。
Express腳手架的安裝
安裝Express腳手架有兩種方式:
1. 使用express-generator安裝
使用命令行進(jìn)入項(xiàng)目目錄观游,依次執(zhí)行:
cnpm i express-generator
可通過(guò)express -h查看命令行的指令含義
express -h
Usage: express [options] [dir]
Options:
--version 輸出版本號(hào)
-e, --ejs 添加對(duì) ejs 模板引擎的支持
--pug 添加對(duì) pug 模板引擎的支持
--hbs 添加對(duì) handlebars 模板引擎的支持
-H, --hogan 添加對(duì) hogan.js 模板引擎的支持
-v, --view 添加對(duì)視圖引擎(view) 的支持 (ejs|hbs|hjs|jade|pug|twig|vash) (默認(rèn)是 jade 模板引擎)
--no-view 創(chuàng)建不帶視圖引擎的項(xiàng)目
-c, --css 添加樣式表引擎 的支持 (less|stylus|compass|sass) (默認(rèn)是普通的 css 文件)
--git 添加 .gitignore
-f, --force 強(qiáng)制在非空目錄下創(chuàng)建
-h, --help 輸出使用方法
創(chuàng)建了一個(gè)名為 myapp 的 Express 應(yīng)用,并使用ejs模板引擎
express --view=ejs app
進(jìn)入app驮俗,并安裝依賴(lài)
cd myapp
npm install
在Windows 下懂缕,使用以下命令啟Express應(yīng)用:
set DEBUG=app:* & npm start
在 MacOS 或 Linux 下,使用以下命令啟Express應(yīng)用:
DEBUG=app:* npm start
2. 使用 express 命令 來(lái)快速?gòu)膭?chuàng)建一個(gè)項(xiàng)目目錄
express 項(xiàng)目文件夾的名字 -e
如 使用命令行進(jìn)入項(xiàng)目目錄王凑,依次執(zhí)行:
express app -e
cd app
cnpm install
這時(shí)搪柑,你也可以看到在app文件夾下的文件結(jié)構(gòu);
bin: 啟動(dòng)目錄 里面包含了一個(gè)啟動(dòng)文件 www 默認(rèn)監(jiān)聽(tīng)端口是 3000 (直接node www執(zhí)行即可)
node_modules:依賴(lài)的模塊包
public:存放靜態(tài)資源
routes:路由操作
views:存放ejs模板引擎
app.js:主文件
package.json:項(xiàng)目描述文件
第一個(gè)Express應(yīng)用“Hello World”
在這里荤崇,我們不使用npm構(gòu)建的腳手架拌屏,而是向最開(kāi)始那樣直接在主目錄中新建一個(gè)app.js文件。
在app.js中輸入
const express = require('express'); //引入express模塊
var app= express(); //express()是express模塊頂級(jí)函數(shù)
app.get('/',function(req,res){ //訪問(wèn)根路徑時(shí)輸出hello world
res.send(<h1 style='color: blue'>hello world</h1>);
});
app.listen(8080); //設(shè)置訪問(wèn)端口號(hào)
命令行進(jìn)入項(xiàng)目文件夾后术荤,鍵入
node app.js
即已開(kāi)啟服務(wù)器倚喂,接下來(lái)只需在瀏覽器中運(yùn)行 http://localhost:8080/ 就可以訪問(wèn)到服務(wù)器得到響應(yīng)后的數(shù)據(jù)