Chrome API操作串口

NWJS使用chrome api连接/接收/发送串口数据

参考http://www.oschina.net/code/snippet_1379244_55248，本文对其代码进行注释和发表一些自己的见解

1.本机可以使用 串口虚拟串口程序(vspd 自行下载)
2.所需要环境node.js  并且安装模块:iconv-lite
3.nwjs所用的环境为nwjs13.* sdk版本

<script type="text/javascript">
    var onGetDevices = function(ports) {//遍历获取串口名称，一般只有一个串口判断if(ports.length==1){port=ports[0].path}即可
        for (var i = 0; i < ports.length; i++) {
            console.log(ports[i].path);
        }
    }
    chrome.serial.getDevices(onGetDevices);//获取串口设备名,并将串口设备信息当参数传入指定的onGetDevices函数
 
    var iconv = require('iconv-lite');//若传输英文字符串则无需转码，此处注释掉
    function convertArrayBufferToString(buf) {//将串口接收到的buffer数据转化成字符串
        var bufView = new Uint8Array(buf);
        var encodedString = String.fromCharCode.apply(null, bufView);
        //nodejs转编码(不可直接转utf-8否则乱码)
        return iconv.decode(encodedString, 'gbk');//若传输英文字符串则无需转码，此处直接返回
}
 
    var onReceiveCallback = function(info) {//串口数据接收函数
        console.log('received', convertArrayBufferToString(info.data));
    };
 
    //convertStringToArrayBuffer('hello')
    var convertStringToArrayBuffer = function(str) {//将字符串转化成buffer用于串口数据发送
        var buf = new ArrayBuffer(str.length);
        var bufView = new Uint8Array(buf);
        for (var i = 0; i < str.length; i++) {
            bufView[i] = str.charCodeAt(i);
        }
        return buf;
    };
 
    var onConnect = function(connectionInfo) {
        console.log(chrome.runtime.lastError, connectionInfo);//输出连接信息
        chrome.serial.onReceive.addListener(onReceiveCallback);//指定串口数据接收函数
        var connectionId = connectionInfo.connectionId;//输出串口连接id，用于区别多串口
        var buffer = new ArrayBuffer(1);
        var dataView = new DataView(buffer);
        dataView.setInt8(0, 0xaa);//构造buffer数据
 
        chrome.serial.send(connectionId, buffer, function() {//指定串口连接id，直接发送buffer数据，也可将字符串转化成buffer再发送convertStringToArrayBuffer("hello")
            chrome.serial.update(connectionId, {//改变波特率等参数
                bitrate: 9600
            }, function(result) {
                console.log(chrome.runtime.lastError, result);//改变执行结果
 
                chrome.serial.send(connectionId, buffer, console.log.bind(console));//发送数据
 
            });
 
        });
    };
 
    chrome.serial.connect('COM3', {//以波特率9600，连接串口3，指定连接函数onConnect
        bitrate: 9600
    }, onConnect);
    </script>

package.json文件内容://因为使用的是原生chrome api，个人认为不需要nodejs串口配置

{
    "name": "serialportDemo",
    "main": "index.html",
    "version": "0.0.1",
    "nodejs": true,
    "width": 100,
    "height": 200,
    "window": {
 
        "title": "windowdemo",
 
        "toolbar": true,
 
        "width": 800,
 
        "height": 600,
        "resizable": true,
 
        "show_in_taskbar": true,
 
        "frame": true,
 
        "kiosk": false
    },
"permissions": [
  "serial"
],
 
    "webkit": {
 
        "plugin": true
 
    }
}

20180219补充：

要在调试模式中的Cosole查看效果《Nodewebkit debug调试模式》

串口调试工具接收到的数据应为十六进制显示

亲测截图如下