我用ionic撸了一个USB转串口的调试工具

本文讲述了作者如何利用Ionic为产品经理制作Android上位机APP,期间遇到的串口通讯问题及解决方法,包括更新串口驱动jar包,创建`cordova-plugin-usbserialport`插件,并介绍了安装其他相关插件的步骤。最后讨论了Ionic框架在当前混合开发环境中的位置和优势。
摘要由CSDN通过智能技术生成

由于最近应产品经理的需求,需要做一个Android版的上位机APP,为此专门到某宝上购买了一个Type-C转串口的小设备,然后就开始折腾了。花了几天的时间就把上位机APP做出来了,后来在空闲时间又做了一个串口调试的小工具。

创建项目

ionic start blank

创建一个空白项目

安装串口插件

要做一个串口通讯的工具,那就得和硬件打交道,正好根据ionic官方文档,我找到了一个串口通讯的插件,名为cordovarduino,经过尝试之后,发现此插件由于久年失修。

虽然可以使用,但是在收发数据的时候总是无法完整接收到数据。根据对其代码查看,发现其中lib目录下有一个usbseriallibrary.jar文件,这个应该就是USB串口的驱动文件了吧。

久年失修的插件,估计就是这个jar包有问题,应该更新一下这个jar包就可以了,因此,通过usb-serial-for-android这个项目的介绍我重新打包了一个jar包,完成后尝试了一下,确实很完美。

并且收发数据也没有任何问题了。因此,自己根据cordovarduino项目重新copy了一个项目cordova-plugin-usbserialport,因此你只需要安装我提供的插件即可

安装串口插件

ionic cordova plugin add cordova-plugin-usbserialport

安装本地数据存储插件

ionic cordova plugin add cordova-plugin-nativestorage
npm install @ionic-native/native-storage

安装状态栏插件

ionic cordova plugin add cordova-plugin-statusbar
npm install @ionic-native/status-bar

安装设备信息插件

ionic cordova plugin add cordova-plugin-device
npm install @ionic-native/device

安装获取版本号插件

ionic cordova plugin add cordova-plugin-app-version
npm install @ionic-native/app-version

安装APP最小化插件

ionic cordova plugin add cordova-plugin-appminimize
npm install @ionic-native/app-minimize

安装后台运行插件

ionic cordova plugin add cordova-plugin-background-mode
npm install @ionic-native/background-mode

串口操作主要代码

declare let usbSerialPort: any; // 引入串口插件
// 打开串口
async openSerialPort() {
    const config = await this.nativeStorage.getItem('config');
    // Fir
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值