node 第十三天 express初见

express概念

Fast, unopinionated, minimalist web framework for Node.js
快速、独立、极简的 Node.js Web 框架。

express相当于前端的jquery, 在不更改不侵入原生node的基础上封装了大量易用且实用的服务端api, express框架的封装原理就是前面第十天我们自己封装的简易服务器, 不过express做的抽象要比我们自己封装服务器多得多
使用 Express 应用生成器这个可以比作做前端的项目初始化脚手架比如vue-cli vite

1.
npm install -g express-generator 
安装生成器
2.
express --view=pug myapp 
生成应用, 一些404页面, 静态资源目录帮我们做好了, 使用 handlebars 作为模板引擎, 关于handlebars其实是一个非常简单的模板引擎
感兴趣可以去查阅相关资料

基础api介绍

//路径匹配
//1.匹配 /abcd
app.use('/abcd', (req, res, next) => {console.log('/abcd');next();
});
//2.匹配 /abcd /abd
app.use('/abc?d', (req, res, next) => {console.log('/abc?d');next();
});
//3.匹配 /abcd /abbcd /abbbbbbcd
app.use('/ab+cd', (req, res, next) => {console.log('/ab+cd');next();
});
//4.匹配 /abcd /abxcd /abxxxxxcd
app.use('/ab*cd', (req, res, next) => {console.log('/ab*cd');next();
});
//5.匹配 /abcd /ad
app.use('/a(bc)?d', (req, res, next) => {console.log('/a(bc)?d');next();
});
//6.正则匹配 /abc开头的路径 或 /xyz开头的路径
app.use(/\/abc|\/xyz/, (req, res, next) => {console.log('正则匹配');next();
});
//7.数组匹配 /abc /xyz 开头的路径
app.use(['/abc', '/xyz'], (req, res, next) => {console.log('数组匹配');next();
});
app.use(/.*/, (req, res, next) => {res.json({ over: true });
});//一些输出
app.use('/login/:path/:name', (req, res, next) => {console.log(req.baseUrl, 'baseUrl');console.log(req.body, 'body');console.log(req.cookies, 'cookie');console.log(req.fresh, '客户端是否有缓存');console.log(req.hostname, 'client hostname');console.log(req.ip, 'client ip');console.log(req.method, 'method');console.log(req.path, 'path');console.log(req.params, 'params');console.log(req.get('Content-Type'), 'header["content-type"]');console.log(req.is('json') === 'json', 'req.header["content-type"] is json');console.log('over ! ! !');res.json({ msg: 'please login' });next();
});

工欲善其事,必先利其器, 在调试服务器接口的时候可以使用postman等工具, 比在浏览器调试方便
虽然通篇说的后端都是web服务器, 但其实, 在http协议或者其它协议的前提下, 后端的接口不只是能够服务web, 还能服务app 嵌入式等
postman相比apipost更适合开发人员做一点简单的测试, 更轻量好用
界面如下, 开箱即用, 需要汉化可以去github上拿连接