express和Koa的异同
1、安装：
express：npm install express -g
Koa: npm install -g koa-generator
2、创建项目：
快速创建 package.json： npm init -y
express:
第一步初始化包：npm init -y
第二步安装express:npm install express --save
Koa:
第一步初始化包：npm init -y
第二步安装Koa:npm install --save koa
3、创建路由:
express:
const express = require('express')
//创建express实例
const app = express()
//创建路由 http://127.0.0.1/index
app.get('/index', (req, res) => {
res.send('Hello World!')
})
//http://127.0.0.1/info/2
app.post('/info/:id', function (req, res) {
console.log(req.params);//{ id: '2' }
res.send(`输入的参数为${req.params.id}`);//输入的参数为2
})
//启动路由在 http://127.0.0.1
app.listen(80, () => {
console.log('http://127.0.0.1')
})
Koa:
//安装路由 npm install --save koa-router
//引入 Koa
const Koa = require('koa');
//引入路由
const router = require('koa-router')();
//创建koa实例
const app = new Koa();
//http://localhost:3000/
router.get('/', async(ctx, next)=> {
ctx.body = "Hello koa";
})
//http://localhost:3000/news
router.get('/news', async(ctx, next) => {
ctx.body = "新闻 page"
});
//http://localhost:3000/news/2
router.post('/news/:id', async(ctx, next) => {
console.log(ctx.params); //{ id: '2' }
ctx.body = `新闻 pagePOST,输入的参数为${ctx.params.id}`;
});
//启动路由
app.use(router.routes());
//可以设置不同的 response 响应头 (官方推荐，也可省略)
app.use(router.allowedMethods());
app.listen(3000, () => {
console.log('starting at port http://localhost:3000/');
});
3、中间件执行顺序:
express执行顺序：
const express = require('express')
//创建express实例
const app = express()
//创建路由 http://127.0.0.1/index
app.get('/index', (req, res,next) => {
console.log('111')
res.send('Hello World!')
next()
console.log('22')
})
//http://127.0.0.1/info/2
app.post('/info/:id', function (req, res,next) {
console.log('33')
res.send(`输入的参数为${req.params.id}`);//输入的参数为2
next()
console.log('44')
})
//启动路由在 http://127.0.0.1
app.listen(80, () => {
console.log('http://127.0.0.1')
})
express.png
express中间件执行顺序
Koa执行顺序：
const Koa=require('koa');
const router = require('koa-router')(); /*引入是实例化路由** 推荐*/
const app=new Koa();
//匹配任何路由 ，如果不写next，这个路由被匹配到了就不会继续向下匹配
app.use(async (ctx,next)=>{
console.log('1、这是第一个中间件01');
await next();
console.log('5、匹配路由完成以后又会返回来执行中间件');
})
app.use(async (ctx,next)=>{
console.log('2、这是第二个中间件02');
await next();
console.log('4、匹配路由完成以后又会返回来执行中间件');
})
//http://localhost:3000/
router.get('/',async (ctx)=>{
ctx.body="首页";
})
//http://localhost:3000/news
router.get('/news',async (ctx)=>{
console.log('3、匹配到了news这个路由');
ctx.body='这是一个新闻';
})
app.use(router.routes()); /*启动路由*/
app.use(router.allowedMethods());
app.listen(3000, () => {
console.log('starting at port http://localhost:3000/');
});
koa.png
koa洋葱圈
