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

image.png

通过查看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);
  });

image.png

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


image.png

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


对了,学委还有这个可以关注长期阅读 =>雷学委趣味编程故事汇编

或者=> 雷学委NodeJS系列


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


目录
相关文章
|
4月前
|
人工智能 监控 JavaScript
HarmonyOS5云服务技术分享--ArkTS开发Node环境
本文详细讲解了在HarmonyOS(ArkTS API 9及以上)中使用云函数的开发技巧,结合Node.js和HTTP触发器,从零开始手把手教学。内容涵盖核心能力、开发流程(配置到部署)、高阶优化及常见问题解决,并提供实际应用场景示例。助你快速掌握Serverless开发,提升效率,探索跨端协作与AI集成等未来方向。
|
5月前
|
前端开发 JavaScript NoSQL
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
|
6月前
|
Kubernetes API 网络安全
当node节点kubectl 命令无法连接到 Kubernetes API 服务器
当Node节点上的 `kubectl`无法连接到Kubernetes API服务器时,可以通过以上步骤逐步排查和解决问题。首先确保网络连接正常,验证 `kubeconfig`文件配置正确,检查API服务器和Node节点的状态,最后排除防火墙或网络策略的干扰,并通过重启服务恢复正常连接。通过这些措施,可以有效解决与Kubernetes API服务器通信的常见问题,从而保障集群的正常运行。
414 17
|
7月前
|
JavaScript 前端开发 数据可视化
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
417 2
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
|
8月前
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
168 10
|
9月前
|
Web App开发 JavaScript 前端开发
Node.js开发
Node.js开发
185 13
|
9月前
|
JSON JavaScript 前端开发
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发作为连接用户与数据的桥梁,扮演着至关重要的角色。本文将引导您步入Node.js的奇妙世界,通过实践操作,掌握如何使用这一强大的JavaScript运行时环境构建高效、可扩展的RESTful API。我们将一同探索Express框架的使用,学习如何设计API端点,处理数据请求,并实现身份验证机制,最终部署我们的成果到云服务器上。无论您是初学者还是有一定基础的开发者,这篇文章都将为您打开一扇通往后端开发深层知识的大门。
193 12
|
10月前
|
Web App开发 开发框架 JavaScript
深入浅出Node.js后端开发
本文将带你领略Node.js的魅力,从基础概念到实践应用,一步步深入理解并掌握Node.js在后端开发中的运用。我们将通过实例学习如何搭建一个基本的Web服务,探讨Node.js的事件驱动和非阻塞I/O模型,以及如何利用其强大的生态系统进行高效的后端开发。无论你是前端开发者还是后端新手,这篇文章都会为你打开一扇通往全栈开发的大门。
|
9月前
|
Web App开发 JavaScript 前端开发
深入浅出Node.js后端开发
本文将带领读者从零基础开始,一步步深入到Node.js后端开发的精髓。我们将通过通俗易懂的语言和实际代码示例,探索Node.js的强大功能及其在现代Web开发中的应用。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供新的见解和技巧,让你的后端开发技能更上一层楼。
|
JSON JavaScript 前端开发
开发API完成,写个文档
Jira对接Prism开发API指南   部门 证系统运维团队 文档制作人 陈刚() 时间 2017-04-05 版本 第一版     目录 目的... 1 通例:... 1 认证... 2 新建版本单... 2 获取指定版本单的发布单信息... 3     目的 为了提升工作效率,打通jira和prism之间的联系,让软件项目管理人员可以在jira上新建版本单,并跟踪发布进度,特在prism上制作相关API供jira调用。
1449 0