postman和express

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){})