node使用request请求的方法


Posted in Javascript onDecember 20, 2019

近期使用node做服务端渲染,作为中间层需要请求后端接口,需要封装服务端的请求,接下来来了解下如何使用 request。

基本使用

const request = require('request')

引入这个包就可以开始使用了,最简单的使用方式就是 request(url) 就可以想指定的地址发起一个 get 请求。 从这里我们可以看出 request 暴露出来的就是一个函数。其实它内部的结构如下

function request (uri, options, callback) {
 if (typeof uri === 'undefined') {
 throw new Error('undefined is not a valid uri or options object.')
 }

 var params = initParams(uri, options, callback)

 if (params.method === 'HEAD' && paramsHaveRequestBody(params)) {
 throw new Error('HTTP HEAD requests MUST NOT include a request body.')
 }

 return new request.Request(params)
}

可以看出它默认接收三个函数,并且第一个参数值必须存在,request的传参方式也有很多种,本身做了很多支持的处理,来看看它支持的传参数方式。

入参格式

url 必填,可以单独放在第一个参数,或者作为 option 的属性之一。其他都是可选。

// 方式一
request(url,options,callback)
// 方式二
let options = {
 url // 必填
}
request(options,callback)

简写方式

// 方式一
request.get(url,options,callback)
// 方式二
let options = {
 url // 必填
}
request.get(options,callback)

// 方式一
request.post(url,options,callback)
// 方式二
let options = {
 url
}
request.post(options,callback)

为啥 request 支持这么多种传参数方式。来看看它内部的实现方式

源码

下面代码可以看出,request 对参数类型进行类型判断来采用不同的合并方式,最终 return 的params要求就是要包含url请求地址。

function initParams (uri, options, callback) {
 // 处理没有传 options 的情况
 if (typeof options === 'function') {
 callback = options
 }
 var params = {}
 if (typeof options === 'object') {
 extend(params, options, {uri: uri})
 // 传递的 url 最终也会被合并到 pramas 上
 // 并且如果你在 options 传递了 uri 会被第一参数覆盖,优先级以 第一个入参uri为准
 } else if (typeof uri === 'string') {
 extend(params, {uri: uri})
 } else {
 // 处理第一参数不是url的情况
 extend(params, uri)
 }

 params.callback = callback || params.callback
 return params
}

常用字段

request(options,callback) 提供 baseUrl 来统一设置域名部分及公共部分。

// 定义了 baseUrl 后只需要传递接口 api 即可
function fetchPost(path,params){
 return new Promise( (resolve,reject)=>{
 request.post(path,{
  baseUrl:"http://localhost:9000/react/",
 },function(err, httpResponse, body){
  if(err){
  reject(err)
  }else{
  resolve(body)
  }
 })
 })
}
// 使用,只传递了接口部分最终会拼接成 http://localhost:9000/react/c-request
router.get('/c-request',async ctx=>{
 let res = await fetchPost('request-header',{value:1,name:'dd'})
 ctx.body = res
})

reqeust 不同数据类型的请求及 debug

为了模拟node服务端请求后端的场景,启动两个node服务 ,一个作为请求方模拟(中间层),另一个作为后端。另外通过 postman 来发起客户端的请求。关于数据的验证可以使用 vscode 的 debug 功能 也可以开启 pm2 log 来验证请求的参数。

接下来看下 post 不同格式的请求方式的设置,不同与 axios , fetch 。request对于不同请求方式的数据接收的字段是不同的。可以通过 body、form、formData 来接收。get的请求都是通过 application/x-www-form-urlencoded 格式来传递数据的,所以这里暂不举例。

application/x-www-form-urlencoded

通过 forms字段 来接收入参,方法如下,直接将传入的参数对象传递给 form 即可。

function fetchPost(path,params){
 return new Promise( (resolve,reject)=>{
 request.debug = true
 request.post(path,{
  form:params
 },function(err, httpResponse, body){
  if(err){
  reject(err)
  }else{
  resolve(body)
  }
 })
 })
}

request 有个debug 模式,通过 request.debug = true 开启,为了查看debug信息,使用 pm2 start app.js --watch 启动项目,然后 pm2 log 来查看debug信息。红色代表中间层的log,绿色代表后端的log

node使用request请求的方法

使用 node debug 查看接收到的 request.body是后端接收到的值 request.header是接收到的请求 content-type

node使用request请求的方法

都会将入参传递到 body 这个字段上

form-data 文件上传

通过 formData 来传递文件,代码如下:使用 fs.createReadStream 去拿到中间层的文件,然后通过 formData 方式发送给后端。

function fetchPost(path,params){
 return new Promise( (resolve,reject)=>{
 let formData = {
  file:fs.createReadStream(__dirname+'/../static/images/icon-arrow.png')
 }
 request.debug = true
 request.post(path,{
  formData
 },function(err, httpResponse, body){
  if(err){
  reject(err)
  }else{
  resolve(body)
  }
 })
 })
}

可以看到后端接收到到 content-type 为 multipart/form-data , 我们并没有手动的去设置请求的 content-type 会自动添加上。

node使用request请求的方法

下面代码会将接收到到文件流写入到后端local。可以看到 icon-arrow.jpg 已经成功的从中间层发送到后端

node使用request请求的方法

application/json

将参数通过 body 传递,并且设置 json为ture,那么请求时会自动将 content-type 设置为 application/json 并且将传递给 body 的对象转义为 JSON

function fetchPost(path,params){
 return new Promise( (resolve,reject)=>{
 request.debug = true
 console.log('*'.repeat(40));
 request.post(path,{
  baseUrl:"http://localhost:9000/react/",
  body:params,
  json:true
 },function(err, httpResponse, body){
  if(err){
  reject(err)
  }else{
  resolve(body)
  }
 })
 })
}

node使用request请求的方法

header

request.post(path,{
 form:params,
 headers:{
 // 'content-type':'application/json',
 // ... 任意其他字段
 name:'dd',
 agent:'request'

 }
})

node使用request请求的方法

通过id号来区分当前进程,

node使用request请求的方法

可以通过 pm2 start app.js --name 请求端 来定义进程名称

node使用request请求的方法

最后

关于 reqeust 也是刚刚使用,有好的使用案例可以在评论区分享,值得优化的地方可以留言给我。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
extjs 学习笔记(一) 一些基础知识
Oct 13 Javascript
使用js 设置url参数
Jul 08 Javascript
2种jQuery 实现刮刮卡效果
Feb 01 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
JS中正则表达式要注意lastIndex属性
Aug 08 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
vue弹窗组件的实现示例代码
Sep 10 Javascript
Vuex中的Mutations的具体使用方法
Jun 01 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
Nov 04 Javascript
Vue filter 过滤当前时间 实现实时更新效果
Dec 20 #Javascript
使用JavaScript计算前一天和后一天的思路详解
Dec 20 #Javascript
js正则匹配多个全部数据问题
Dec 20 #Javascript
微信小程序按顺序同步执行的两种方式
Dec 20 #Javascript
Vuex实现数据共享的方法
Dec 20 #Javascript
React 实现车牌键盘的示例代码
Dec 20 #Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 #jQuery
You might like
PHP 开源框架22个简单简介
2009/08/24 PHP
Ping服务的php实现方法,让网站快速被收录
2012/02/04 PHP
php+mysql开发的最简单在线题库(在线做题系统)完整案例
2019/03/30 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
JavaScript 精粹读书笔记(1,2)
2010/02/07 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
使用js对select动态添加和删除OPTION示例代码
2013/08/12 Javascript
火狐下table中创建form导致两个table之间出现空白
2013/09/02 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
2015/12/15 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
javascript设计模式之module(模块)模式
2016/08/19 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
解决vue build打包之后首页白屏的问题
2018/03/06 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
js实现表格单列按字母排序
2020/08/12 Javascript
Django中使用group_by的方法
2015/05/26 Python
Python中内建函数的简单用法说明
2016/05/05 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
Python range与enumerate函数区别解析
2020/02/28 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
python操作链表的示例代码
2020/09/27 Python
java字符串格式化输出实例讲解
2021/01/06 Python
如何用Python徒手写线性回归
2021/01/25 Python
关于iframe跨域使用postMessage的实现
2019/10/29 HTML / CSS
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
几个Shell Script面试题
2012/08/31 面试题
高中学生自我评价范文
2014/09/23 职场文书
2015年施工员工作总结范文
2015/04/20 职场文书
学校党员干部承诺书
2015/05/04 职场文书
《我的伯父鲁迅先生》教学反思
2016/02/16 职场文书
python 中[0]*2与0*2的区别说明
2021/05/10 Python