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


目录
相关文章
|
7月前
|
人工智能 Java API
后端开发必看:零代码实现存量服务改造成MCP服务
本文介绍如何通过 **Nacos** 和 **Higress** 实现存量 Spring Boot 服务的零代码改造,使其支持 MCP 协议,供 AI Agent 调用。全程无需修改业务代码,仅通过配置完成服务注册、协议转换与工具映射,显著降低改造成本,提升服务的可集成性与智能化能力。
2006 1
|
11月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
583 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
存储 缓存 负载均衡
后端开发中的性能优化策略
本文将探讨几种常见的后端性能优化策略,包括代码层面的优化、数据库查询优化、缓存机制的应用以及负载均衡的实现。通过这些方法,开发者可以显著提升系统的响应速度和处理能力,从而提供更好的用户体验。
475 6
|
7月前
|
前端开发 Java 数据库连接
后端开发中的错误处理实践:原则与实战
在后端开发中,错误处理是保障系统稳定性的关键。本文介绍了错误分类、响应设计、统一处理机制及日志追踪等实践方法,帮助开发者提升系统的可维护性与排障效率,做到防患于未然。
|
9月前
|
存储 消息中间件 前端开发
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
校园圈子系统校园论坛小程序采用uni-app前端框架,支持多端运行,结合PHP后端(如ThinkPHP/Laravel),实现用户认证、社交关系管理、动态发布与实时聊天功能。前端通过组件化开发和uni.request与后端交互,后端提供RESTful API处理业务逻辑并存储数据于MySQL。同时引入Redis缓存热点数据,RabbitMQ处理异步任务,优化系统性能。核心功能包括JWT身份验证、好友系统、WebSocket实时聊天及活动管理,确保高效稳定的用户体验。
520 4
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
|
10月前
|
前端开发 JavaScript 关系型数据库
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
771 5
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
|
9月前
|
人工智能 监控 JavaScript
HarmonyOS5云服务技术分享--ArkTS开发Node环境
本文详细讲解了在HarmonyOS(ArkTS API 9及以上)中使用云函数的开发技巧,结合Node.js和HTTP触发器,从零开始手把手教学。内容涵盖核心能力、开发流程(配置到部署)、高阶优化及常见问题解决,并提供实际应用场景示例。助你快速掌握Serverless开发,提升效率,探索跨端协作与AI集成等未来方向。
|
10月前
|
人工智能 小程序 NoSQL
【一步步开发AI运动小程序】二十一、如何将AI运动项目配置持久化到后端?
本文介绍基于云智「Ai运动识别引擎」的运动配置持久化方案,旨在优化小程序或Uni APP中AI运动识别能力。通过将运动检测参数(如`Key`、`Name`、`TickMode`、`rules`或`samples`)持久化到后端,可避免因频繁调整运动参数而重新发布应用,提升用户体验。持久化数据结构支持规则和姿态样本存储,适用于关系数据库、文件或文档数据库(如MongoDB)。此外,云智还提供运动自动适配工具及「AI乐运动」产品,助力快速实现AI体育、全民健身等场景。
|
12月前
|
JavaScript 前端开发 数据可视化
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
736 2
【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
323 10