在阅读本篇文章之前,你已经阅读了:

本篇视频

本篇学习内容

  • 学习Express框架
  • 使用postman模拟HTTP客户端进行调试

学习Express框架

Express框架-中文文档是Node.js Web 应用程序框架,我们按着文档来一步步入门。根据文档(或者在package.json),我们知道当执行npm run start时对应的执行命令主就是node ./bin/www,所以Express框架的入口文件就是./bin/www这个文件(入口文件是指程序执行的第一个入口)。

解析body里的数据。

 要想解析POST里body是有多种类型的(四种常见的post请求中的参数形式),为了支持解析这些结构,还需要调用中间件进行解析(PS:现在新版里是生成项目时默认使用了,以前还需要自行加入这些代码):

1
2
3
app.use(express.json()); // for parsing application/json
app.use(express.urlencoded({extended: true})); // for parsing application/x-www-form-urlencoded

不使用模板引擎

 Express框架是默认使用模板引擎pug模板(以前叫jade模板,百度搜pug的话学习资料会少很多,搜jade就有很多。)现在更流行前后端分离,所以模板引擎在我看来是属于需要用的时候再学也不迟的东西。根据我们本教程的思想,不是必须的东西都不学,所以我们不使用模板引擎,有兴趣学习的自行搜索学习。
 在路由文件里,我们使用发送index.html文件来取代模板的渲染。

1
2
3
4
5
6
7
var path = require ('path');
/* GET home page. */
router.get('/', function(req, res, next) {
// 默认是使用pug模板的,为了减少不必要的学习与降低入门门槛,改使用html。
res.sendFile('index.html',{root:path.join(__dirname , '../views')});
});

postman

postman常用于HTTP API的调试,是Web开发必备的调试工具。特别是在浏览器里直接输url,都是GET请求。如果想要调试POST、PUT、DELETE等请求时,就必须要在JS代码来调用,显得十分麻烦。
 PS:有时postman调试正常的接口,在浏览器可能是失败的,因为浏览器比postman有更多的限制,比如说使用postman是不存在跨域请求的问题的,而在浏览器出于安全考虑,跨域请求被限制。

附录