当前位置: 首页 > news >正文

Node Red 与axios简易测试环境的搭建

        为了学习在vue3中如何使用axios,我借Sider Fusion的帮助搭建了基于node的简易测试环境。

       Axios 是一个基于 Promise 的 HTTP 客户端,通常用于浏览器环境,但它也可以在 Node.js 环境中使用。因此,可以在 Ubuntu 的 Bash 环境下通过 Node.js 使用 Axios。

步骤:

  1. 安装 Node.js 和 npm:
    如果您尚未安装 Node.js,请通过以下命令安装(通常会包括 npm):

    sudo apt update  
    sudo apt install nodejs npm

    您可以检查安装是否成功:

    node -v 
    npm -v 

    创建项目:创建一个新的目录并进入:

  2. mkdir my-axios-app 
    cd my-axios-app 

    初始化 npm:

  3. 初始化一个新的 npm 项目:

    npm init -y 

    安装 Axios:

  4. 使用 npm 安装 Axios:

    npm install axios 

    编写 Axios 脚本:

  5. 创建一个新的 JavaScript 文件,如 app.js

    nano app.js 

    打开 app.js,然后添加以下代码:

    const axios = require('axios');  axios.get('http://www.xxxxx.cn:1880/api/data')  .then(response => {  console.log('Response from Node-RED:', response.data);  })  .catch(error => {  console.error('Error:', error);  });
    

    运行脚本:

  6. 使用 Node.js 运行脚本:

    node app.js 

    NodeRed节点



  7. [{"id": "6f67ed6250fc6293","type": "tab","label": "流程 4","disabled": false,"info": "","env": []},{"id": "cbeb42c4ff466487","type": "debug","z": "6f67ed6250fc6293","name": "debug 20","active": true,"tosidebar": true,"console": false,"tostatus": false,"complete": "false","statusVal": "","statusType": "auto","x": 600,"y": 200,"wires": []},{"id": "71b003bcbda86c27","type": "function","z": "6f67ed6250fc6293","name": "function 10","func": "msg.payload = { message: \"Hello from Node-RED!你好\" };\nreturn msg;","outputs": 1,"timeout": 0,"noerr": 0,"initialize": "","finalize": "","libs": [],"x": 430,"y": 200,"wires": [["cbeb42c4ff466487","a7ce06a8882a6108"]]},{"id": "06cfce3558445895","type": "http in","z": "6f67ed6250fc6293","name": "","url": "/api/data","method": "get","upload": false,"swaggerDoc": "","x": 250,"y": 200,"wires": [["71b003bcbda86c27"]]},{"id": "a7ce06a8882a6108","type": "http response","z": "6f67ed6250fc6293","name": "","statusCode": "","headers": {},"x": 610,"y": 260,"wires": []}
    ]

      实际代码测试及结果,url请换成自己的域名  

      nodered返回的结果

      

使用POSTMAN测试及结果

 Google Chrome测试及结果

http://www.lryc.cn/news/413037.html

相关文章:

  • 测试面试宝典(四十三)—— 接口测试流程
  • arkhamintelligence 请求头加密 X-Payload 完整逆向分析+自动化解决方案
  • Vue Router哈希模式和历史模式
  • Springboot实战:AI大模型+亮数据代理助力短视频时代
  • Postman请求问题 connect ECONNREFUSED 127.0.0.1:80解决方法
  • 维护SQL Server数据库索引:保持性能的黄金法则
  • nvm管理node版本问题处理集合
  • word打印---doc转html后进行打印,window.print、print-js、vue-print-nb
  • CTF学习笔记汇总(非常详细)零基础入门到精通,收藏这一篇就够了
  • 如果想不明白,那就读书吧
  • Golang处理Word文档模板实现标签填充|表格插入|图标绘制和插入|删除段落|删除标签
  • PHP学习:PHP基础
  • Xinstall新玩法:Web直接打开App,用户体验再升级!
  • perf 排查高延迟
  • 配置8188eu无线网卡的热点模式
  • 为什么 DDoS 攻击偏爱使用 TCP 和 UDP 包?
  • 多址技术(FDMA,TDMA,CDMA,帧,时隙)(通俗易懂)
  • 基于 KubeSphere 的 Kubernetes 生产环境部署架构设计及成本分析
  • RabbitMQ 入门篇
  • 【赛事】2024第五届“华数杯”全国大学生数学建模竞赛
  • DB管理客户端navicat、DBever、DbVisualizer数据库连接信息迁移
  • CF 训练2
  • 内网隧道学习笔记
  • Umi-OCR:功能强大且易于使用的本地照片识别软件
  • HarmonyOS开发商城商品详情-底部导航
  • C语言 ——— 学习、使用 strcat函数 并模拟实现
  • 视频超压缩保持质量 ffmpeg
  • 大型语言模型入门
  • canvas-视频绘制
  • 红酒与美食搭配:味觉的新探索