Postman的使用和express搭建后台服务
今日目标:
1.使用postman调式接口
2.使用express书写get请求
3.使用express属性post请求
01-服务器概述 (url组成)
`服务器`: 一台性能强大的,用来存储数据的电脑
# 注意:前端发送请求其实就是在访问某一个服务器对应的ip地址,每一台服务器都会有一个唯一的ip地址。需要将ip地址映射到一个域名上,用户才愿意访问
# url地址: 网络协议://域名:端口号/路径?参数#hash
02-express
`概念`:node内置的一个专门用来书写后台服务的框架
`安装`:yarn global add express-generator | npm i express-generator -g
`搭建后台服务`: express 项目名
`后台项目目录结构说明`:
bin->www: 项目启动文件
node_modules: 第三方的需要用到的模块
public: 相当于项目的根路径,在浏览器输入地址后,访问的就是该目录
routes: 接口书写位置
views: 后端模板文件
app.js: 项目的入口文件
package.json: 项目的包管理文件
yarn.lock: 版本锁
别忘了yarn一下。 将第三方的模块装回来
# 启动项目:yarn start
// 手动在浏览器输入localhost:3000|127.0.0.1:3000|ip地址:3000
// 如何查看电脑的ip地址: ipconfig
#项目启动优化:
1. 热更新:a. 全局安装nodemon模块;b. 修改package.json文件,将node修改为'nodemon'
03-node解决跨域问题 (推荐cors)
# node的内置模块 cors模块
yarn add cors
app.js:
var cors = require('cors')
app.use(cors())
# 使用jsonp
网页中添加一个script元素,向服务器请求 json数据,这种做法不受同源策略的限制,服务器接收到请求后,把数据放在一个指定名字的回调函数里传递回来
• 为什么不是真正的 ajax:JSONP(JSON with padding)可用于解决主浏览器的跨域数据访问的问题,与 JSON 没有关系,只是一种跨域访问的技巧。
ajax 的核心是通过 xmlHttpRequest 获取非本页内容,jsonp 的核心是动态添加 script 标签调用服务器提供的 js 脚本;
• jsonp 只支持 get 请求,ajax 支持 get 和 post 请求。
04-什么是中间件
一个函数
有请求也有响应
继续向下走 next
function (req, res, next){
next(); //继续向下
}
书写位置:
应用级别中间件:app.use(function(req, res, next){})
路由级别中间件:cartRouter.use(function(req, res, next){})
请求级别中间件:app.post(function(req, res, next){})