postman和express

本文介绍了如何使用Postman调试接口,以及如何利用Express框架创建服务器,包括GET和POST请求的实现,跨域问题的解决(CORS)和Node.js中的中间件概念。
摘要由CSDN通过智能技术生成

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:JSONPJSON 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){})
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值