Dcloud HTML5 监听蓝牙设备 调用 原生安卓实现 - aspirant - 博客园

最近一直搞Dcloud ,这是HTML5版本的开发,打包时候,可以打包成 apk 和ipa 分别运行在安卓和ios 机器上面,

但是这里面的资料很少,遇到问题,之后只能自己钻研总结,

现在有这么一个需求,需要实现蓝牙开启后,监听蓝牙接口传递的数据,然后呈现给用户。我试了很多方法,之前是在 HTML5上直接写方法,监听蓝牙状态,但是jS是单线程,直接把进程阻塞了其他的啥也干不了,而且时间长了监听,总会莫名中断,

这是我当时写的算法

http://ask.dcloud.net.cn/publish/article/875

这是直接在html5上监听蓝牙,后来多次测量之后发现,根本不能用。

使用了多种方法,比如 使用work开启多线程,但是问题是 work开启了但是无法调用plus对象,没有任何用处。

使用异步调用,也无法实现,

后来经过多次询问大牛之后,发现,这个问题目前最好使用html5插件 的形式解决,写完了插件,然后,用html点击之后,触发按钮调用原生的蓝牙监听程序。

具体的文档在这里:

http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/66

具体的实现方法,这篇文档,我至少要读了5遍左右,终于写出了插件,成功的调用了原生监听程序。

要知道如果我们要写安卓插件的话,只能使用离线打包,目前不支持在线打包。

因此如果写原生插件,首先要会离线打包,使用安卓程序打包,

具体的打包流程请参考

http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/38

我建议大家多多几遍,需要注意的事项:

(1) 离线打包要下载他们的sdk 地址:

http://ask.dcloud.net.cn/article/103

(2)注意:因为其它第三方的SDK也使用到包名相关资源配置,所以需要在AndroidManifest.xml将所有“io.dcloud.HBuilder.Hello”替换成要修改成的包名。

(3)打开assets -> apps 目录,将下面“HelloH5”目录名称修改为应用manifest.json中的id名称(这步非常重要,否则会导致应用无法正常启动),并将所有应用资源拷贝到其下的www目录中:

(4)打开assets -> data下的control.xml文件,修改appid值:

其中appid值为HBuilder应用的appid,必须与应用manifest.json中的id值完全一致;appver为应用的版本号,用于应用资源的升级,必须保持与manifest.json中的version -> name值完全一致;version值为应用基座版本号(plus.runtime.innerVersion返回的值),不要随意修改。

学会了如何打包之后,我们可以做一个很小的打包的源程序,专门用来打包用,

然后下一步就是写插件了:

具体文档在:http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/66

具体的方法就是,先使用安卓源程序上写好监听的方法,然后把html5的文件放到资源文件夹assess底下,调用写好的安卓监听方法;

 具体需要注意的地方:

(1)首先要下载HTML5+基座的Android版SDK点击下载解压后将HBuilder-Integrate工程导入到ADT中。 这里你会下载到好几个文件夹,有一个HBuilder-hello的 这个是离线打包用的,还有个是 HBuilder-Integrate,这个已经写好了插件了,运行一下看看

(2) 关联JS插件名和原生类

在编写扩展插件时需要修改“/assets/data”中properties.xml文件,在其中添加JS对象名称和Android包的类名对应关系,SDK会根据对应的类名查找并生成相应的对象并执行对应的逻辑。 

 

注意这里是在feature 的属性底下加上这个,例子中在service底下加了,如果不在feature底下加的话会报错,缺少plusintest插件的权限。

"应用未添加plugintest权限,请在manifest.json文件中permissions节点进行配置,"
出现这个错误,怎么解决

就是这个错误:

(3)两个都好了之后,把写好的插件整合到 你的项目中。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/248970.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

NOIP2018游记

NOIP 2018 游记 又是一年 \(NOIP\) 呢...第二次参加了,希望这一次能不再擦线吧...毕竟我真的很想去 \(WC\) ,也很想去省选. 最后悔的事就是在初三了,恰逢直升,大好年华,停课学 \(OI\) ,但我竟然在某两位 \(dalao\) 带领下搓了一年 炉石 \(\& \: SC2\) ?&#xf…

四叶草社交平台——十天冲刺(5)

今天没能安排好各种的任务,姑且拍了张照片就散了。 我的任务就是把登录功能完成,先让其他人把资源载入问题解决了,然后我再看看动态如何发送。 转载于:https://www.cnblogs.com/limitCM/p/10925161.html

Django forms组件

校验字段 模板文件 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body> <form action"" method"post"><p>用户名: <…

为什么要用TypeScript - 肉猪 - 博客园

为什么要用TypeScript 以下是本人的一点拙见&#xff0c;欢迎指正。 TypeScript的设计目的应该是解决JavaScript的“痛点”&#xff1a;弱类型和没有命名空间&#xff0c;导致很难模块化&#xff0c;不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向…

java继承上机作业

实现如下类之间的继承关系&#xff0c;并编写Music类来测试这些类。 1 package su;2 3 class Instrument{4 public void play() {5 System.out.println("弹奏乐器");6 }7 8 public void play2() {9 // TODO 自动生成的方法存根 10 …

自定义标签的作用

1&#xff09;控制标签体内容是否输出 2&#xff09;控制标签余下内容是否输出 3&#xff09;控制重复输出标签体内容 4&#xff09;改变标签体内容 5&#xff09;带属性的标签 package com.loaderman.demo.a_tag;import java.io.IOException; import java.io.StringWriter;imp…

前端之模拟数据 - HackerVirus - 博客园

阅读目录 玩转前端之模拟数据 回到目录 玩转前端之模拟数据 博客园主页&#xff1a;http://www.cnblogs.com/handoing/ 是否还在为前端模拟数据头疼&#xff1f; 是否还在为后端返回数据格式较多内心烦躁&#xff1f; 是否还想吸一支烟压压精&#xff1f; 看下去吧&#x…

Leetcode No.146 ****

运用你所掌握的数据结构&#xff0c;设计和实现一个 LRU (最近最少使用) 缓存机制。它应该支持以下操作&#xff1a; 获取数据 get 和 写入数据 put 。 获取数据 get(key) - 如果密钥 (key) 存在于缓存中&#xff0c;则获取密钥的值&#xff08;总是正数&#xff09;&#xff…

三元运算符运算(Day02)

三元运算符运算(Day02) 运算符&#xff1a;用来对常量或者变量连接的符号&#xff0c;称为运算符。表达式&#xff1a;用运算符连接起来的整个式子成为表达式。比如&#xff1a;a10,1020运算符有以下五种&#xff1a;1、算术运算符2、赋值运算符3、关系运算符4、逻辑运算符5、三…

JS正则表达式验证数字非常全 - 吾心无所 - 博客园

JS正则表达式验证数字非常全 Js代码 <script type"text/javascript"> function SubmitCk() { var reg /^([a-zA-Z0-9][_|\_|\.]?)*[a-zA-Z0-9]([a-zA-Z0-9][_|\_|\.]?)*[a-zA-Z0-9]\.[a-zA-Z]{2,3}$/; if (!reg.test($("#txtEmail").val())) {…

datagrid 的标题的内容不对应整齐

$(document).ready(function(){ var column "[[" "{title:工号,field:grantorCode,sortable:true,hidden:true,width:fixWidth(0)}," "{title:外出告知人,field:grantor,sortable:true,width:fixWidth(0.15)}," "{title:开始时间…

laravel 分页

2.1 基于查询构建器分页 有多种方式实现分页&#xff0c;最简单的方式就是使用查询构建器或Eloquent模型的paginate方法。该方法基于当前用户查看页自动设置合适的偏移&#xff08;offset&#xff09;和限制&#xff08;limit&#xff09;。默认情况下&#xff0c;当前页通过HT…

Postfix常用命令和邮件队列管理(queue)

本文主要介绍一下postfix的常用命令及邮件队列的管理: Postfix有以下四种邮件队列&#xff0c;均由管理队列的进程统一进行管理&#xff1a; maildrop&#xff1a;本地邮件放置在maildrop中&#xff0c;同时也被拷贝到incoming中。 incoming&#xff1a;放置正在到达队列或管理…

异步加载js文件并执行js方法:实现异步处理网页的复杂效果

异步加载js文件并执行js方法&#xff1a;实现异步处理网页的复杂效果 有这么一个场景&#xff0c;当你的网页页面效果过多就会造成了打开页面的速度变得缓慢&#xff0c;长时间处于加载的状态&#xff0c;这样的效果通常会让用户感到不友好&#xff0c;通常的处理方法是先…

1.java的基础和数据类型

一.学习要求1.听课一定要全神贯注2.课堂笔记&#xff0c;一定要自己总结&#xff0c;而且要有很严谨的逻辑关系。提纲很重要3.作业不折不扣的完成&#xff0c;并且多完成4.阶段项目一定要独立完成5.每天早上由一位同学来进行早分享&#xff0c;内容可以是昨天或者明天的学习内容…

JavaScript DOM操作 提高篇

做为一个web前端&#xff0c;处理和了解浏览器差异一个重要问题.下面将介绍本人在工作中的一些笔记总结&#xff0c;先介绍没有使用js库的情况。 1.  setAttribute方法设置元素类名 &#xff1a; 在jQuery中&#xff0c;直接使用attr()方法即可&#xff0c;可在原生的JS中 e…

《算法竞赛进阶指南》0.5排序

103. 电影 莫斯科正在举办一个大型国际会议&#xff0c;有n个来自不同国家的科学家参会。 每个科学家都只懂得一种语言。 为了方便起见&#xff0c;我们把世界上的所有语言用1到109之间的整数编号。 在会议结束后&#xff0c;所有的科学家决定一起去看场电影放松一下。 他们去的…

Spring Cloud Gateway(五):路由定位器 RouteLocator

本文基于 spring cloud gateway 2.0.1 1、简介 直接 获取 路 由 的 方法 是 通过 RouteLocator 接口 获取。 同样&#xff0c; 该 顶 级 接口 有多 个 实现 类&#xff0c; RouteLocator 路由定位器&#xff0c;顾名思义就是用来获取路由的方法。该路由定位器为顶级接口有多个实…

CommonJS,AMD,CMD区别 - 郑星阳 - ITeye博客

CommonJS&#xff0c;AMD&#xff0c;CMD区别 博客分类&#xff1a; seajs和requirejs JavaScript zccst转载 学得比较晕&#xff0c;再次看commonjs&#xff0c;amd, cmd时好像还是没完全弄清楚&#xff0c;今天再整理一下&#xff1a; commonjs是用在服务器端的&#xff…

739. Daily Temperatures

根据每日 气温 列表&#xff0c;请重新生成一个列表&#xff0c;对应位置的输入是你需要再等待多久温度才会升高的天数。如果之后都不会升高&#xff0c;请输入 0 来代替。 例如&#xff0c;给定一个列表 temperatures [73, 74, 75, 71, 69, 72, 76, 73]&#xff0c;你的输出应…