一、介绍
ndoe.js,一个基于javsscript
运行环境的服务器语言,它的出现使得javascript
有能力去实现服务器操作。在gitHub
上ndoe.js
的star数已接近6万,可见其受欢迎程度;而基于node.js
的Express
则把原先的许多操作变的简单灵活,一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。
express官方网址:www.expressjs.com.cn
二、安装
2.1、express
安装
npm install express --save
2.2、脚手架express-generator
的两种方式
2.2.1、使用全局安装方式
- 全局安装
express-generator
npm install -g express-generator
- 创建了一个名为 myapp 的 Express 应用,并使用ejs模板引擎
express --view=ejs app
- 进入app,并安装依赖
cd myapp
npm install
在Windows 下,使用以下命令启Express应用:
set DEBUG=app:* & npm start
在 MacOS 或 Linux 下,使用以下命令启Express应用:
DEBUG=app:* npm start
2.2.1、用npx
生成
要求:npx对应的npm版本在 5.2 以上,npm5.2版本以上自动携带npx
- 创建了一个名为 myapp 的 Express 应用,并使用ejs模板引擎
npx express -e myapp
create : public\
create : public\javascripts\
create : public\images\
create : public\stylesheets\
create : public\stylesheets\style.css
create : routes\
create : routes\index.js
create : routes\users.js
create : views\
create : views\error.jade
create : views\index.jade
create : views\layout.jade
create : app.js
create : package.json
create : bin\
create : bin\www
install dependencies:
> npm install
run the app:
> SET DEBUG=16--express:* & npm start
- 进入app,并安装依赖
cd myapp
npm install
在Windows 下,使用以下命令启Express应用:
set DEBUG=app:* & npm start
在 MacOS 或 Linux 下,使用以下命令启Express应用:
DEBUG=app:* npm start
三、目录结构
├── app.js (整个项目的入口文件)
├── bin
│ └── www (创建服务器,并监听服务器)
├── package.json
├── public (静态资源目录)
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes (路由文件)
│ ├── index.js
│ └── users.js
└── views
├── error.pug
├── index.pug
└── layout.pug
四、不使用脚手架,Hello World
应用
// 引入 express 模块
const express = require('express')
// express() 是express模块顶级函数
let app = express()
//访问根路径时输出hello world
app.get('/', (req, res) => {
res.send(`<h1 style='color: blue'>hello world</h1>`)
})
//设置访问端口号
app.listen(80, () => {
console.log('服务器启动成功,可在 127.0.0.1 查看')
})