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

发表于2023年1月5日由yimen

用做网页的技术做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

核心代码示例，详情参阅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>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->

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

发表于2023年1月5日由yimen

一门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开发实现串口通信能力

发表于2023年1月5日由yimen

一门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开发实现串口通信能力

发表于2023年1月5日由yimen

一门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串口通信

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

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

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

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