开发 | Uniapp开发-1#

使用uniapp连接串口#

引入插件

在uniapp中像这样引入插件并进行一次自定义打包基座就能通过 uni.requireNativePlugin('Fvv-UniSerialPort') 的方式引入

调用多个串口#

uniapp-H5+-调用原生android串口操作_RZL_01的技术博客_51CTO博客

通过这篇文章得知如果想使用多个串口进行连接，可以直接调该插件包装的 me.f1reking.serialportlib.SerialPortHelper 类，可以在原项目的 SerialPortHelper.java 下看到有哪些方法 Android-SerialPort ，如果只需要一个可以直接调 export const serialPort = uni.requireNativePlugin('Fvv-UniSerialPort') ，在使用多个串口时可以使用 serialPort 作为是否有串口的，是否能使用的依据，可以用它来直接获取所有串口列表，但是在打开该串口时通过回调获取该串口的 helper ，下面低 13 行提到的，这只是我的方法。

1
export const serialPort = uni.requireNativePlugin('Fvv-UniSerialPort')
2
var SerialPortHelper = plus.android.importClass(
3
    'me.f1reking.serialportlib.SerialPortHelper'
4
)
5
// 打开串口
6
export function openSerialPort(port, baudRate, opt) {
7
    // 使用传入的serialHelper或默认的serialPortHelper
8
    const helper = new SerialPortHelper()
9
    //设置串口
10
    helper.setPort(port)
11
    //设置波特率这里传的是要数值
12
    helper.setBaudRate(baudRate)
13
    // 通过回调获取该串口的helper，未来通过发数据，监听，都可以操作该helper来实现
14
    opt && opt.onHelperReceived && opt.onHelperReceived(helper)
15
    //实现原生java打开串口相关的事件
16
    var iop = plus.android.implements(
17
        'me.f1reking.serialportlib.listener.IOpenSerialPortListener',
18
        {
19
            onSuccess: function (res) {
20
                opt && opt.onSuccess && opt.onSuccess(res)
21
            },
22
            onFail: function (res) {
23
                opt && opt.onFail && opt.onFail(res)
24
            },
25
        }
26
    )
27

28
    //实现原生java打开串口后数据接收/发送相关的事件
29
    var isd = plus.android.implements(
30
        'me.f1reking.serialportlib.listener.ISerialPortDataListener',
31
        {
32
            onDataReceived: function (res) {
33
                console.warn('===================原生接收到数据:===============', res)
34
                opt && opt.onDataReceived && opt.onDataReceived(res)
35
            },
36
            onDataSend: function (str) {
37
                console.log(str)
38
            },
39
        }
40
    )
41
    //配置相关内容
42
    helper.setIOpenSerialPortListener(iop)
43
    helper.setISerialPortDataListener(isd)
44
    //打开串口
45
    helper.open()
46
}
47

48
// 关闭串口
49
export function closeSerialPort(serialHelper) {
50
    const helper = serialHelper
51
    try {
52
        helper.close()
53
        return true
54
    } catch (error) {
55
        console.error('关闭串口失败:', error)
56
        return false
57
    }
58
}

1
const lockSerialHelper = ref(null)
2
function connectSerial() {
3
    openSerialPort(selectedPort, selectedBaudrate, {
4
    // 传入串口助手实例
5
    onHelperReceived: (helper) => {
6
        lockSerialHelper.value = helper
7
        console.log('串口助手实例:', helper)
8
    },
9
    // 监听数据接收
10
    onDataReceived: (directData) => {
11
        // ...
12
    },
13
    onSuccess: (str) => {
14
        // ...
15
    },
16
    onFail: (error) => {
17
        // ...
18
    },
19
})
20
}