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 相关文章推荐
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
分享一个常用的javascript静态类
Dec 31 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
Jan 04 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
分享javascript、jquery实用代码段
Oct 20 Javascript
Angular4学习教程之HTML属性绑定的方法
Jan 04 Javascript
Vue底层实现原理总结
Feb 17 Javascript
vue解决花括号数据绑定不成功的问题
Oct 30 Javascript
JavaScript实现弹出窗口效果
Dec 09 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
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
php数组冒泡排序算法实例
2016/05/06 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
Yii2中Restful API原理实例分析
2016/07/25 PHP
gridpanel动态加载数据的实例代码
2013/07/18 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
Jquery解析json数据详解
2013/12/26 Javascript
js根据日期判断星座的示例代码
2014/01/23 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
JavaScript中通过提示框跳转页面的方法
2016/02/14 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
JavaScript中利用for循环遍历数组
2017/01/15 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
node.js 利用流实现读写同步,边读边写的方法
2017/09/11 Javascript
JS实现可针对算术表达式求值的计算器功能示例
2018/09/04 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
Vue源码解析之Template转化为AST的实现方法
2018/12/14 Javascript
35个最好用的Vue开源库(史上最全)
2019/01/03 Javascript
JavaScript闭包与作用域链实例分析
2019/01/21 Javascript
微信小程序文章详情页跳转案例详解
2019/07/09 Javascript
python中异常报错处理方法汇总
2016/11/20 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python查询mysql,返回json的实例
2018/03/26 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
中东奢侈品市场:Coveti
2019/05/12 全球购物
爱尔兰电脑、家电和家具购物网站:Buy It Direct
2019/07/09 全球购物
个人授权委托书格式
2014/08/30 职场文书
干部作风建设心得体会
2014/10/22 职场文书
灵山大佛导游词
2015/02/04 职场文书
致地震灾区的慰问信
2015/03/23 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers
分析SQL窗口函数之聚合窗口函数
2022/04/21 Oracle