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 相关文章推荐
拥抱模块化的JavaScript
Mar 07 Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
javascript如何实现暂停功能
Nov 06 Javascript
浅谈JS原型对象和原型链
Mar 02 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
Aug 09 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
利用Node.js检测端口是否被占用的方法
Dec 07 Javascript
使用vue开发移动端管理后台的注意事项
Mar 07 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
Element Popover 弹出框的使用示例
Jul 26 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中的日期处理方法集锦
2007/01/02 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
php中动态调用函数的方法
2015/03/16 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
script标签的 charset 属性使用说明
2010/12/04 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
2016/06/28 Javascript
AngularJS教程之简单应用程序示例
2016/08/16 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
Python 不同对象比较大小示例探讨
2014/08/21 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
2020/01/18 Python
html5中去掉input type date默认样式的方法
2018/09/06 HTML / CSS
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
英语专业毕业生自荐信
2013/10/28 职场文书
自立自强的名人事例
2014/02/10 职场文书
房产公证书范本
2014/04/10 职场文书
集体生日活动方案
2014/08/18 职场文书
护士节活动总结
2014/08/29 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
客房部经理岗位职责
2015/02/02 职场文书
汽车4S店前台接待岗位职责
2015/04/03 职场文书
党员读书活动心得体会
2016/01/14 职场文书
python四种出行路线规划的实现
2021/06/23 Python