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

目录

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

先看文档，直接打开Axios Github

编写Axios HelloWorld

创建一个新的NodeJS项目，引入axios包：

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

发送一个GET请求

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

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

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

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

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

http://restify.com/docs/client-guide/

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

先看文档，直接打开Axios Github

直接看：https://github.com/axios/axios

或者 （中文友好 http://www.axios-js.com/zh-cn/docs/ ）

编写Axios HelloWorld

创建一个新的NodeJS项目，引入axios包：

#跟当前文章同个版本

npm install axios@0.20.0

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

https://blog.csdn.net/geeklevin/article/details/109403172

发送一个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这个组件的使用。

项目代码参考：https://codechina.csdn.net/geeklevin/nodejs-api-004-call-other-service