NodeJs 后端开发 04 使用axios调用第三方服务API

3,386 阅读3分钟

目录

当我们需要访问其他服务的接口有什么JS库可以使用呢?

先看文档,直接打开Axios Github

编写Axios HelloWorld

创建一个新的NodeJS项目,引入axios包:

发送请求前需要启动商品服务

发送一个GET请求

发送一个POST请求,模拟添加商品数据


在我们开发后端服务的过程中,我们除了开发当前服务的数据接口之外,避免不了需要调用外部服务接口(一个或者多个服务的API)

前篇我写了一个基于Restify实现的CRUD的商品管理服务:blog.csdn.net/geeklevin/a…,Restify可以帮我们快速的编写服务接口。

当我们需要访问其他服务的接口有什么JS库可以使用呢?

回看Restify文档,它本身有Restify Client这个组件,可以帮助开发者实现对站外服务的调用。

restify.com/docs/client…

不过这里我们会使用axios这个库来进行外部服务的调用,这个库很火,很多前端同学在开发React/Vue前端模块的时候经常会用到。

 

先看文档,直接打开Axios Github

直接看:github.com/axios/axios   

或者 (中文友好 www.axios-js.com/zh-cn/docs/ )

 

编写Axios HelloWorld

 

创建一个新的NodeJS项目,引入axios包:

#跟当前文章同个版本

npm install axios@0.20.0

 

发送请求前需要启动商品服务

blog.csdn.net/geeklevin/a…

发送一个GET请求

const axios = require('axios');

//外站接口
const api = 'http://localhost:8080/products';


//axios通过提供对应HTTP请求方法,实现GET/POST/PUT 等对应的请求发送
// 这里调用对/products接口的GET方法,获取产品
axios.get(api)
  .then(function (response) {
    //这里获得整个请求响应对象
    console.log(response);
    //获取商品数据只需要调用:  response.data
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
  });

上面代码保存为 getProducts.js, 执行下面命令运行,效果如下:

node getProducts

通过查看console输出的整个response对象,接口数据可以通过response.data来获取,进一步简化可以改成下面代码:

const axios = require('axios');

//外站接口
const api = 'http://localhost:8080/products';

// 编写进行处理产品数据的业务代码
const handleOnData = (data) => {
  console.log('get data', data);
}

// 这里调用对/products接口的GET方法,获取产品
axios
  .get(api)
  .then(function (response) {
    handleOnData(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

发送一个POST请求,模拟添加商品数据

其他请求类似,这里只是快速展示了axios这个组件的使用。

项目代码参考:codechina.csdn.net/geeklevin/n…