express框架搭建到使用
- express是nodejs最常用的web server框架
- 什么事框架? 类似前端的vue react angular 等
express框架
1、封装一些常用的操作不用关注底层,或详细的api
2、指定了一些标准,这些标准能承载我们写的代码以及承载一些第三方开发的插件所谓的标准就是中间件的标准,中间件的流程
目录
- express下载、安装和使用,express中间件机制;(标准和流程,通过中间件的机制能把程序里面很多函数拆分,逻辑拆分开,通过一个中间件的流程一起组装起来,同时根据中间件的逻辑把很多插件集成进来,这样会有了一个标准一个流程,然后把一个个的模块,通过中间件的机制穿插起来,最终形成一个完成的应用程序)
- 开发接口,连接数据库,实现登陆,日志记录;
- 分析express中间件原理
express
安装 (脚手架 express-generator)
1、npm install express-generator -g
2、express express-test (生成一个项目)
3、npm install nodemon cross-env --save-dev // 自动检测
4、package.json文件 “scripts”下添加
“dev”: “cross-env NODE_ENV=dev nodemon ./bin/www”
5、npm run dev
介绍express的入口文件 app.js
var createError = require('http-errors');
var express = require('express');
var path = require('path'); //路径
var cookieParser = require('cookie-parser'); //cookie处理
var logger = require('morgan'); //记录日志
var indexRouter = require('./routes/index'); //路由引用
var usersRouter = require('./routes/users');
const blogRouter = require('./routes/blog')
var app = express(); //创建实例
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(logger('dev')); // 日志生成
app.use(express.json()); //解析post 数据
app.use(express.urlencoded({ extended: false })); //解析头部
app.use(cookieParser()); // 解析cookie
app.use(express.static(path.join(__dirname, 'public'))); // 设置静态文件
app.use('/', indexRouter); // 注册路由
app.use('/users', usersRouter); //注册路由
app.use('/list',blogRouter) //blog 路由
// catch 404 and forward to error handler 路由找不到时的处理
app.use(function(req, res, next) {
next(createError(404));
});
// error handler 程序语法错误 抛错
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'dev' ? err : {}; //开发环境 如果开发环境抛错,如果本地环境抛空对象
// render the error page
res.status(err.status || 500);
res.render('error');
});
module.exports = app;
如何处理路由
1、
const blogRouter = require('./routes/blog')
const userRouter = require('./routes/user')
app.use('/api/blog',blogRouter) //blog 路由
app.use('/api/user',userRouter) //user 路由
2、
//get请求
router.get('/list', function(req, res, next) {
res.json({ //直接返回一个json格式
errno: 0,
data:[1,2,3]
})
})
// post请求
router.post('/login', function(req, res, next) {
const {username,password} = req.body
res.json({
username,
password
})
});
中间件机制
const express = require('express')
// 本次htt请求的实例
const app = express()
app.use((req, res, next) => {
console.log('请求开始...',req.method, req.url)
next()
})
app.use((req, res, next) => {
// 假设处理cookie
req.cookie = {
userId: '123'
}
next()
})
app.use((req, res, next) => {
// 假设处理post data
// 异步
setTimeout(() => {
req.body = {
a: 100,
b: 200
}
next ()
})
})
// 第二种写法,监听路由
app.use('/api',(req,res,next) => {
console.log('处理/api路由')
next()
})
// 使用get的方法处理路由
app.get('/api',(req,res,next) => {
console.log('get/api路由')
next()
})
// 使用post的方法处理路由
app.post('/api',(req,res,next) => {
console.log('post/ api路由')
next()
})
// 模拟登陆成功
function loginCheck(req,res,next) {
console.log('模拟登陆成功')
setTimeout(() => {
next()
})
}
app.get('/api/get-cookie', loginCheck, (req,res,next) => {
console.log('get/api/get-cookie')
res.json({
errno: 0,
dta: req.cookie
})
})
app.post('/api/get-post-data',(req,res,next) => {
console.log('post /api/get-post-data')
res.json({
errno:0,
data:req.body
})
})
app.use((req,res,next) => {
console.log('处理404')
res.json({
error: -1,
msg: '404 not font'
})
})
app.listen(4000, () => {
console.log('server is running on port 4000')
})
app.use((req,res,next) =>{}) // 叫做中间件