前端代码控制硬件

已于 2024-05-17 17:09:05 修改
阅读量267 收藏
点赞数 1
分类专栏： node electron 文章标签： 前端
于 2024-04-03 14:06:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43823765/article/details/137283978
版权

最近有接触到自助终端机，该项目就是普遍用前端代码控制硬件，后端做一些系统升级，用户管理之类的。比如在银行的一些ATM机器，政府办事大厅的排号机等

实现方式：

终端机都有操作系统，前端使用Electron+vue，硬件供应商有提供一些模块SDK
前端控制硬件任务就分化为：需要连接外设，进行通信，并且通过这些SDK操作实现我们的功能。

三个库：

  • edge.js :在 Electron 上运行 .NET 和 Node.js 代码
  • node-ffi:
    是一个用于使用纯JavaScript加载和调用动态库的Node.js插件。
    它可以用来在不编写任何C ++代码的情况下创建与本地DLL库的绑定。
    同时它负责处理跨JavaScript和C的类型转换
  • ref-napi：
    和ffi-napi配套使用

串口通信

—持续更新）

黔肆就是我
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web与硬件的交互——web hid Api
Rookie_lei的博客
08-24 2700
web与硬件的交互——webHid Api 主要是用的技术是vue，属于一个vue模板，可以直接复制粘贴使用
google前端代码
03-06
此外，Google的前端代码可能还涉及了性能优化技巧，比如使用CSS sprites技术减少HTTP请求，或者利用CSS3的硬件加速特性提升页面渲染速度。 学习这个老版Google前端代码，可以深入理解如何创建一个高性能、高可用性...
web项目与硬件设备的物联网项目总结
qq_43505919的博客
10-06 2488
三月份开始，导师接了个本地发行银行的内部一些系统的改造项目。这个项目是一个物联网方向的、银行内部使用的web端的Java项目。里面涉及非常多的与硬件通讯的东西，并非是一个单纯的web端的Java项目。由于该项目中使用的设备来自一二十家不同的厂商，每个厂商采用的通讯方式也各不相同，导致我们在做硬件测试和Java通讯代码的编写也带来不小的麻烦，更不用说工作量了，整个六月七月都在高强度的工作，白天去现场...
【MQTT】前端使用mqtt与硬件交互:
SunPeng的博客
09-15 2175
【MQTT】前端使用mqtt与硬件交互:
硬件转行之路——自学Web前端开发（三）
aanheqiao的博客
08-08 300
自学Web前端——打卡第三天CSS选择器属性选择器伪类选择器超链接选择器 2021.8.6 7 一个半硬半软工程师的学习之路 开始走上Web开发的自学道路，希望能坚持下去，借助这里作为学习笔记的地方，同时也分享学习路上遇到的各种各样的”坑“。 可以加群共同分享、探讨问题：826470121 在此感谢【尚硅谷】 的教学课程 CSS 选择器 属性选择器 <!-- [属性选择器]：选择含有指定属性的元素 [属性名=属性值]：选择含有指定属性和属性值的元素
前端 每日代码 中级进阶 JavaScript 优化 css优化
09-28
- **防抖与节流**：利用debounce和throttle函数，控制函数执行频率，防止性能瓶颈。 ### CSS 优化 #### 1. **选择器优化** - **减少嵌套**：尽量避免深层次的选择器嵌套，降低计算复杂度。 - **优先使用ID和类选择...
C语言设计前端发生器代码解释文档
07-12
根据给定的信息，本文将对C语言设计前端发生器代码中的pkt_issue、fe与postfe_buffer模块进行详细解析，并提供一些关键的知识点。 ### 一、pkt_issue模块 #### 1.1 模块功能概述 pkt_issue模块是前端发生器的一...
大华摄像头前端demo
07-12
学习和分析这个"大华摄像头前端demo"，开发者可以了解到如何在Web应用中整合硬件设备，如摄像头，以及如何利用WebRTC进行实时通信。这对于构建基于视频监控、远程协作或其他需要实时音视频互动的应用具有很高的参考...
tab与图片滚动列表相结合的jquery代码.zip
11-19
此外，考虑到性能和用户体验，开发者还需要考虑如何优化代码，如使用事件委托来减少事件监听器的数量，合理设置动画速度和延迟，以及使用CSS3硬件加速来提升滚动效果的流畅性。 总之，这个zip文件提供的代码实例为...
手把手教你智能硬件开发（五） 开关按钮
不积跬步无以至千里
09-07 9300
开关按钮是arduino设备中比较常见的控制设备
一文打通前后端与软硬件交互
村头
01-20 5532
前言  之前看了一篇文章，直接把我之前所学的很多知识瞬间打通了，这里也给大家分享出来。主要关于如何把前端，后端，以及硬件相结合起来，其实方法有很多种，这里只是给一个思路。首先分别介绍一下软件（前后端），硬件，以及软硬件的交互。 前端  前端就是指我们用户所能够看到的页面，比如web网页，安卓APP；以Web页面为例，web页面可以利用一些现有的样式实现炫酷效果，熟悉前端的小伙伴应该知道前端三剑客：html5、css3、javascript。  前端开发中有一些库/框架，降低开发难度，比如jquery、Boo
物联网与JavaScript：JavaScript在物联网领域中的应用，使用Node.js和JavaScript来控制硬件设备
哎 你看的博客
05-11 706
物联网与JavaScript：JavaScript在物联网领域中的应用，使用Node.js和JavaScript来控制硬件设备
物联网实战--平台篇之(十二)设备管理前端
ypp240124016的博客
06-02 1138
在设备管理后台的基础上完善 用户端APP操作界面。
esp32 完整开发指南_前端也能玩硬件：在ESP32上运行JavaScript
weixin_39664010的博客
11-26 1733
0. 写在前面本文的主要目的是描述如何让 ESP32 芯片运行 JavaScript，并且让 web 前端开发人员也能玩转硬件。 作者之前是 web 前端开发工程师，所以文章会尽量站在 web 前端开发工程师的角度，抛开底层的硬件知识，去掉一些目前不需要关心的，将重点放在软件上。 尽管这样，我们接下来所要做的是 硬件+软件 的一个整体，所以一些基础的 C 语言和硬件知识会让你更好的阅读此文章。没有...
自学前端，放弃硬件专业课学习
weixin_41106933的博客
11-19 440
首先，你的专业课是做硬件，学习的知识肯定80%都是硬件。你已经做了一个选择，选择进入这个专业学习，渐渐的发现对这个专业所教授的知识并不感兴趣，渐渐放弃了某些专课的学习。而你发现了另一个方向，并选择了坚持去做。这是你的现状，跨专业学习。        现今互联网行业，软件确实比较火爆，相对硬件来说。许多人选择了最火热的行业就业，这也很好，你能胜任你也是很不错的。前端，后端，运维，测试等等许多分支，
前端开发者的智能硬件之路
weixin_33860737的博客
06-10 623
前一段时间，收到了一个面试邀请的邮件。面试找工作，我是没这个打算的，但是，从这封邮件中，我一眼就看到了一个让我非常感兴趣的字眼，让我对这家公司的产品有了想进一步了解的冲动。 啥字眼？ “JavaScript开发智能硬件” 对我这个JavaScript狂热者来说，我的感觉就是像小孩发现了一个非常喜欢的新玩具...
js怎样和硬件交互_前端工程师的福利！百度轻量级Paddle.js让网页“智能”更简单...
weixin_32921023的博客
01-26 1851
随着百度AI战略的逐步深入，百度AI能力正在积极地布局和渗透在更多的应用领域，对于不同的应用场景有着不同的AI能力解决方案，为了在浏览器等Web前端场景中应用百度AI能力，百度飞桨联手APP技术团队孵化出Paddle.js。作为国内首个以JavaScript实现的Web端开源推理引擎，Paddle.js用于帮助前端工程师更加简单地将智能化因素引入网页中，让Web前端可以实现更多的能力。P...
在vue中使用mqtt.js连接硬件
weixin_48549175的博客
05-01 1883
mqtt是物联网中常用的一种通讯协议，有的时候我们需要使用这个技术来连接硬件，获取传感器数据在网页上实时显示并变化，或者在网页上操控硬件的变化。今天讲一下在vue中使用mqtt.js的方法。 首先要npm下载 npm install mqtt <template> <div class="hello"> <h1>收到的消息:{{ msg }}</h1> <button @click="handleclick">发布</b
树莓派控制小车走直线代码
最新发布
07-24
树莓派控制小车走直线的基本思路是利用PWM（脉冲宽度调制）技术来控制电机的速度和方向，进而让小车沿着设定的路径前进。下面我会简述一个基本的控制流程以及提供一段简单的Python代码示例。 ### 带有PWM支持的硬件设备清单: 1. **树莓派** (Raspberry Pi) 2. **USB电源适配器** 3. **小车底盘** (带两个直流电机和轮子) 4. **直流电机驱动器** (如L298N或LM2577) 5. **编码器** (可选，用于定位精确度提高) 6. **跳线和面包板** (用于电路搭建) ### 基本控制流程: 1. **设置GPIO模式** (`GPIO.BCM`)，以便通过树莓派GPIO口控制电机驱动器的信号线。 2. **配置PWM**，用于控制电机的旋转速度。 3. **启动PWM循环**，并根据需求调整速度。 4. **使用PID控制器** (可选)，以更精确地控制小车保持直线运动。 5. **检测编码器信号** (若使用)，以测量小车的位置并进行反馈控制。 ### Python代码示例: 假设我们使用了L298N模块，并将两个电机的正向和反向信号线分别对应于树莓派的GPIO端口。以下是一个基础的Python脚本示例，仅用于控制小车向前和向后移动，未包含PID控制和编码器。 ```python import RPi.GPIO as GPIO from time import sleep # 设置GPIO模式和引脚编号方式为BCM GPIO.setmode(GPIO.BCM) # 定义电机控制引脚 ENA = 17 # 正向控制 IN1 = 27 # 后端右电机前向 IN2 = 22 # 后端右电机后向 ENB = 23 # 反向控制 IN3 = 24 # 前端左电机前向 IN4 = 25 # 前端左电机后向 # 设置引脚模式为输出 GPIO.setup(ENA, GPIO.OUT) GPIO.setup(IN1, GPIO.OUT) GPIO.setup(IN2, GPIO.OUT) GPIO.setup(ENB, GPIO.OUT) GPIO.setup(IN3, GPIO.OUT) GPIO.setup(IN4, GPIO.OUT) # 创建PWM实例 pwm_ENA = GPIO.PWM(ENA, 100) # PWM频率为100Hz pwm_ENB = GPIO.PWM(ENB, 100) pwm_ENA.start(0) # 初始占空比为0% pwm_ENB.start(0) try: while True: pwm_ENA.ChangeDutyCycle(50) # 设定电机初始转速，百分比表示 pwm_ENB.ChangeDutyCycle(50) print("Forward...") GPIO.output(IN1, GPIO.HIGH) GPIO.output(IN2, GPIO.LOW) GPIO.output(IN3, GPIO.HIGH) GPIO.output(IN4, GPIO.LOW) sleep(1) # 小车向前移动1秒 print("Backward...") GPIO.output(IN1, GPIO.LOW) GPIO.output(IN2, GPIO.HIGH) GPIO.output(IN3, GPIO.LOW) GPIO.output(IN4, GPIO.HIGH) sleep(1) # 小车向后移动1秒 except KeyboardInterrupt: pass # 清除所有GPIO设置 pwm_ENA.stop() pwm_ENB.stop() GPIO.cleanup() print("Finished") ``` ### 注意事项: - 确保在运行代码之前已正确连接好硬件组件。 - 指定的GPIO编号应匹配您所使用的树莓派模型和电机驱动器的布局。 - 如果使用编码器，您可能还需要添加额外的代码来处理编码器数据，并将其用于调整电机速度以维持直行。 - 对于更高级的功能，比如PID控制，可能需要引入外部库（如`pid`库），并在代码中增加相应的逻辑部分来计算和应用PID控制规则。 --- ### 相关问题--: 1. 树莓派与直流电机驱动器之间的连接方式是什么？ 2. 怎么在树莓派中实现PID控制以改善小车的直线跟踪能力？ 3. 若在控制过程中遇到小车偏移，如何排查和修正原因？ 这只是一个起点，您可以在此基础上扩展功能，比如加入转向控制、障碍物避障等功能，进一步提升项目的复杂性和实用性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值