什么是低代码?低代码开发平台靠谱吗?低代码平台优缺点
907
2022-05-29
目录
当我们需要访问其他服务的接口有什么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
API
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。