send 发送数据(到串口设备) APP开发获取设备串口通信能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

send 发送数据(到串口设备) APP开发获取设备串口通信能力

核心代码示例,详情参阅demo

//请调用 setListener 设置监听器接收串口设备发来的数据
jsBridge.serialPort.send({
  //字符串类型,设备路径(要发送到哪个设备)
  device  : "/dev/s3c2410_serial0",
  //需要发送给串口设备的数据(十六进制格式)
  hexBytes: "E10F2BCCF3"
}, function(succ, data) {
  alert(succ ? "已发送" : "发送失败\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//请调用 setListener 设置监听器接收串口设备发来的数据
jsBridge.serialPort.send({
  //字符串类型,设备路径(要发送到哪个设备)
  device  : "/dev/s3c2410_serial0",
  //需要发送给串口设备的数据(十六进制格式)
  hexBytes: "E10F2BCCF3"
}, function(succ, data) {
  alert(succ ? "已发送" : "发送失败\n" + JSON.stringify(data));
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//请调用 setListener 设置监听器接收串口设备发来的数据
jsBridge.serialPort.send({
  //字符串类型,设备路径(要发送到哪个设备)
  device  : "/dev/s3c2410_serial0",
  //需要发送给串口设备的数据(十六进制格式)
  hexBytes: "E10F2BCCF3"
}, function(succ, data) {
  alert(succ ? "已发送" : "发送失败\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

close 关闭(断开)串口设备 APP开发实现串口通信能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

close 关闭(断开)串口设备 APP开发实现串口通信能力

核心代码示例,详情参阅demo

jsBridge.serialPort.close({
  //字符串类型,设备路径(要关闭哪个设备)
  //如不指定设备即关闭所有打开的设备
  device: "/dev/s3c2410_serial0"
}, function(succ, data) {
  alert("已关闭\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.serialPort.close({
  //字符串类型,设备路径(要关闭哪个设备)
  //如不指定设备即关闭所有打开的设备
  device: "/dev/s3c2410_serial0"
}, function(succ, data) {
  alert("已关闭\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.serialPort.close({
  //字符串类型,设备路径(要关闭哪个设备)
  //如不指定设备即关闭所有打开的设备
  device: "/dev/s3c2410_serial0"
}, function(succ, data) {
  alert("已关闭\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

open 打开(连接)串口设备 APP开发实现串口通信能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

open 打开(连接)串口设备 APP开发实现串口通信能力

核心代码示例,详情参阅demo

jsBridge.serialPort.open({
  //字符串类型,设备路径(请调用 getDevices 接口获取)
  device  : "/dev/s3c2410_serial0",
  //数字类型,波特率(传输速率)
  baudrate: 9600
}, function(succ, data) {
  alert(succ ? "打开成功" : "打开失败\n" + JSON.stringify(data));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.serialPort.open({
  //字符串类型,设备路径(请调用 getDevices 接口获取)
  device  : "/dev/s3c2410_serial0",
  //数字类型,波特率(传输速率)
  baudrate: 9600
}, function(succ, data) {
  alert(succ ? "打开成功" : "打开失败\n" + JSON.stringify(data));
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.serialPort.open({
  //字符串类型,设备路径(请调用 getDevices 接口获取)
  device  : "/dev/s3c2410_serial0",
  //数字类型,波特率(传输速率)
  baudrate: 9600
}, function(succ, data) {
  alert(succ ? "打开成功" : "打开失败\n" + JSON.stringify(data));
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

getDevices 获取串口设备(路径)列表 APP开发实现获取串口通信能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

getDevices 获取串口设备(路径)列表 APP开发实现获取串口通信能力

核心代码示例,详情参阅demo

jsBridge.serialPort.getDevices(function(succ, devices) {
  //devices 为字符串数组
  alert(JSON.stringify(devices));
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.serialPort.getDevices(function(succ, devices) {
  //devices 为字符串数组
  alert(JSON.stringify(devices));
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.serialPort.getDevices(function(succ, devices) {
  //devices 为字符串数组
  alert(JSON.stringify(devices));
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

removeListener 移除监听器 APP开发实现串口通信能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

removeListener 移除监听器 APP开发实现串口通信能力

核心代码示例,详情参阅demo

//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.serialPort.removeListener();

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.serialPort.removeListener();

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.serialPort.removeListener();

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

setListener 设置监听器 APP开发实现串口通信能力

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

setListener 设置监听器 APP开发实现串口通信能力

• 如需接口调用事件,请设置此监听器;

核心代码示例,详情参阅demo

//接收串口设备发来的数据
jsBridge.serialPort.setListener(function(device, data) {
  show({
    device: device,
    data  : data
  });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**
回调参数说明:
device  //设备,字符串类型,哪个设备发来的数据
data:   //数据,JSON 对象
{
  //串口发来的二进制数据流
  hexBytes: "十六进制数据,请自行按需处理"
}

**/

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//接收串口设备发来的数据
jsBridge.serialPort.setListener(function(device, data) {
  show({
    device: device,
    data  : data
  });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**
回调参数说明:
device  //设备,字符串类型,哪个设备发来的数据
data:   //数据,JSON 对象
{
  //串口发来的二进制数据流
  hexBytes: "十六进制数据,请自行按需处理"
}

**/

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//接收串口设备发来的数据
jsBridge.serialPort.setListener(function(device, data) {
  show({
    device: device,
    data  : data
  });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**
回调参数说明:
device  //设备,字符串类型,哪个设备发来的数据
data:   //数据,JSON 对象
{
  //串口发来的二进制数据流
  hexBytes: "十六进制数据,请自行按需处理"
}

**/

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

网站APP打包配置串口通信功能

用户选用一门APP打包平台封装移动应用,可以选配串口通信功能,要配置此功能需要登录一门APP开发者中心;

图:登录一门APP开发者中心

登录一门APP打包平台开发者中心之后,在我的应用列表找到你需要配置串口通信功能的应用,点击配置进入配置移动版页面;

图:找到需要配置串口通信功能的应用

进入配置移动版页面之后,在页面右侧的功能列表中找到串口通信功能

图:串口通信功能

找到该功能之后,鼠标左键点击该功能弹出配置页,在配置页去勾选打包这个插件;

图L勾选打包此功能

由于此功能属于离线配置功能,所以配置了此功能之后需要生成新版的安装包下载安装新版才可以生效;此功能需要二次开发, 有需要的用户可以参考我们的demo示例,如果你们自己没有技术能力来实现此功能的二次开发,可以联系我们在线客服付费给我们帮你完成二次开发

模块说明

串口(SerialPort,即 COM 口)双向数据读写通信,可同时管理多个串口。

图:串口通信