微信硬件蓝牙jsapi开发使用说明(9)_微信jssdk 蓝牙

文章来源 http://www.vxzsk.com/96.html

这节介绍的都是纯理论东西，如果读者有基础能力可以绕过，反之，建议读者仔细研读。

如上图大体框架图所示
红色箭头走向为结合微信硬件jsapi接口，我们的html界面通过jsapi微信的ajax接口进行微信app和设备进行数据传输，厂商服务器及我们自己跑公众号的服务器。

黑色箭头表示微信app通过蓝牙和硬件设备连接成功后进行数据的交互，这些数据并没有返回到html界面，而是返回到我们自己服务器的后台中了，读者可在后台输出日志中查询确认。

一旦发现设备和微信蓝牙连接成功后，进行数据交互，前端html界面并没有返回数据，可联系硬件提供商修改芯片程序(把返回来下修改成返回到h5界面)。

微信JS-SDK使用

微信硬件JSAPI接口属于微信JS-SDK的一部分，所以硬件JSAPI的使用首先需要遵循微信JS-SDK的使用规范

微信硬件JSAPI使用

微信JS-SDK是使用JSAPI的基础，必须了解新框架的基本用法，如wx.config函数和wx.ready函数，这是所有JSAPI使用的前提

在JS-SDK初始化的基础上，请按如下方法使用微信硬件JSAPI

1.需要在wx.config的方法的参数jsApiList数组中，传入需要额外使用的jsapi名称。(在使用任何jsapi的接口前，必须先调用wx.config方法)。

2.需要在config方法中传入一个beta字段，并复制为true，则会在注入wx.invoke方法来调用还未开放的jsapi方法。（页面加载时就调用jsapi，则必须放到wx.ready回调中）。

例：添加收藏 addGoodsToFav:

蓝牙设备

对蓝牙设备的使用JSAPI流程可分为初始化库，扫描，连接，收发数据，断开连接，关闭库。

前提

在硬件公众号里打开的网页才可以调用设备jsapi。

每个公众号的网页只能操作属于该公众号的设备。

初始化库

Html需先调用openWXDeviceLib，进行库的初始化。微信app会启动html5的硬件功能，并会把相关的事件传递给Html。

当Html不想使用硬件功能的时候，调用closeWXDeviceLib。微信app释放资源,并不再发送事件给Html。

当调用了openWXDeviceLib之后，一般接着调用getWXDeviceInfos，获取该用户绑定了的设备列表，以及设备状态。然后监听onWXDeviceBindStateChange，更新已绑定的设备状态。

扫描设备

正常情况无需扫描设备，直接连接设备即可。除非是想绑定设备。

当扫描到某个设备的时候，html会收到事件回调（onScanWXDevicesResult）。对于同一种类型的广播包（目前有两种类型：普通的广播包，确认包），无论手机收到多少个广播包，html也只会收到一次事件回调。

连接设备

当html发现设备状态为未连接，可直接连接设备，无需扫描。

收发数据

当连上设备之后，即可对设备进行收发数据。

收发数据前需进行base64的编解码。

断开连接

当不想用设备时，即可断开连接。

关闭库

当不想使用硬件jsapi功能时，即可关闭库。如果html忘记关闭库，微信会在浏览器关闭的时候关闭库，但不会断开设备的连接。

绑定/解绑设备

当用户要绑定设备的时候，html需要进行扫描（startScanWXDevice），以显示周边未绑定的设备的列表（注意，已绑定的设备列表可以通过getWXDeviceInfos得到）。

当用户选择某个设备进行绑定之后，html开始绑定设备的流程。首先获取一个绑定设备的ticket（getWXDeviceTicket），并把ticket发送给厂商服务器（通过ajax等），厂商服务器调用公众平台的接口（需要用到ticket），进行绑定。绑定成功后，厂商服务器通知html绑定成功（通过ajax等），html显示绑定成功。当监听到onWXDeviceBindStateChange，则表示微信客户端也同步了绑定关系。

解绑流程类似。

以上是微信app基于手机蓝牙 和蓝牙设备进行互联互通并进行交互数据的使用说明，请初学者自行研读，弄清整个流程，否则接下来的章节可能会对初学者的理解难度上有所困难。特别是代码示例。代码示例都java+html+jquery（js）+微信jsapi接口技术。