devbox
从前慢现在也慢
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

微信硬件蓝牙扫描绑定JSAPI发送数据_openwxdevicelib

作者：从前慢现在也慢 | 2024-03-27 01:53:13

赞

踩

openwxdevicelib

这是后台接口调用 微信文档  http://iot.weixin.qq.com/wiki/document-2_11.html

 

这是前台JS接口调用微信文档  http://iot.weixin.qq.com/wiki/index.html

首先执行6步操作 成功在执行以下操作：

0：去微信后台开通设备功能  然后添加一个设备  注意添加完设备 点击产品管理旁边的设置 找到 设备连接状态  点击启用   如果不启用 在微信端头部看不到状态 

1：在微信后台调式工具里或者在java后台自己调用接口 申请获取设备二维码已经设备ID  我这里采用的java 就直接拿java说事了

接口 https://api.weixin.qq.com/device/getqrcode?access_token="+ACCESS_TOKEN+"&product_id=22035  这个ID不是设备ID是在微信后台添加的产品ID  调用此接口 会返回 咱们需要的 设备ID  已经二维码

2:问硬件工程师拿到 设备的MAC码地址

3:将mac地址和设备授权 可去微信后台调式工具直接授权  也可以直接java后台写调用发请求授权

{
    "device_num": "1", //数量 
    "device_list": [
        {
            "id": "xxxxxxx", //刚刚获取到的产品ID
            "mac": "68C90B145B7C", //MAC码 
            "connect_protocol": "3", //3表示BLE蓝牙协议
            "auth_key": "",  //不加密 不填
            "close_strategy": "1", //1：退出公众号页面时即断开连接
            "conn_strategy": "1",  //1：（第1bit置位）在公众号对话页面，不停的尝
            "crypt_method": "0", //1：AES加密
            "auth_ver": "0", //加密版本，0是不加密
            "manu_mac_pos": "-1", /-1：MAC地址在尾部
            "ser_mac_pos": "-2"//-2：表示serialnumber不包含mac地址
      }
    ], 

   ”op_type“：1
    "product_id": "产品ID"
}

如果 是在微信后台授权 复制上面获取改改   如果是java后台那就组装这样的JSON数据

这是接口https://api.weixin.qq.com/device/authorize_device?access_token="+ACCESS_TOKEN+“； 然后发请求的时候 带上组装的参数

如果授权成功 会返回 OK

4:以上工作全部完成 开始拿着二维码网址去生成二维码  然后用微信扫描 绑定设备 如果设备在旁边会显示已连接

具体操作看以下 3.3 示例  怎么生成怎么操作 截图都有

5:扫完二维码  微信上显示 如果是已连接 恭喜你成功了  然后在开始下面的操作  写页面调用JS接口什么的

这里说明一下  安卓如果成功提示的是已连接1个设备  苹果是已连接    

这里是后台 java获取 设备ID 二维码    设备授权    获取签名需要的那个字段ticket

  1. 	public static void main(String[] args) {
  2. 		//获取token
  3. 		WeixinOauth2Token dd = CommonUtil.getAccess_Token(Config.APPID,
  4. 				Config.APPSECRET);
  5. 		String ACCESS_TOKEN = dd.getAccessToken();
  6.  
  7. 		//获取设备ID和二维码地址
  8. 		String url = "https://api.weixin.qq.com/device/getqrcode?access_token="+ACCESS_TOKEN+"&product_id=22035";
  9. 		JSONObject object = CommonUtil.httpsRequest(url, "POST", null);
  10. 		System.err.println(object.toString());
  11. 		//设备ID	
  12. 		String deviceId = object.getString("deviceid");
  13. 		//二维码
  14. 		String qrticket = object.getString("qrticket");
  15. 		//测试写死的MAC码
  16. 		String mac = "544A1629E774";
  17. 		System.err.println(qrticket);
  18. 		String params="{\"device_num\":\"1\",\"device_list\":[{"  
  19.                 +"\"id\":\""+deviceId+"\","  
  20.                 +"\"mac\":\""+mac+"\","  
  21.                  +"\"connect_protocol\":\"3\","  
  22.                  +"\"auth_key\":\"\","  
  23.                  +"\"close_strategy\":\"1\","  
  24.                  +"\"conn_strategy\":\"1\","  
  25.                  +"\"crypt_method\":\"0\","  
  26.                  +"\"auth_ver\":\"0\","  
  27.                  +"\"manu_mac_pos\":\"-1\","  
  28.                  +"\"ser_mac_pos\":\"-2\","  
  29.                  +"\"ble_simple_protocol\": \"0\""  
  30.                  + "}],"  
  31. 				//修改每次进来都是修改 避免输入一样的MAC导致 提示数据已存在
  32.                  +"\"op_type\":\"1\","
  33. 				 //因为是测试  这里 产品ID  我就直接写死了
  34.                  +"\"product_id\":\"22035\""
  35.                 + "}";  
  36. 		//授权设备
  37. 		String urls = "https://api.weixin.qq.com/device/authorize_device?access_token="+ACCESS_TOKEN;
  38. 		JSONObject objectw = CommonUtil.httpsRequest(urls, "POST", params);
  39. 		System.err.println(objectw.toString());
  40. 		//获取ticket  到时候 开始写页面调用JS  config得时候  里面签名 需要这个字段来签名
  41. 		String msg = CommonUtil.getticket(ACCESS_TOKEN);
  42. 		System.err.println(msg);}

  1. //强制解除设备和用户绑定
  2. 		String params="{\"device_id\":\"gh_b9284c11a1a2_xxxxxxxxxx\"," 
  3. 						+"\"openid\":\"xxxxxxxxxxxxxxx\""
  4. 					+ "}";  
  5. 		//https://api.weixin.qq.com/device/compel_bind?access_token  这是强制绑定设备  下面是强制解绑
  6. 		String urls1 = "https://api.weixin.qq.com/device/compel_unbind?access_token="+ACCESS_TOKEN;
  7. 		JSONObject objectw = CommonUtil.httpsRequest(urls1, "POST", params);
  8. 		System.err.println(objectw);


    3.3 http://pl.iqr.cc/  这是个生产二维码的网站微信指定的  进去这个网站生成二维码用微信扫描  然后他会提示
       你是否绑定设备   你点击是的话  进入公众号后  会自动连接设备的  如果设备在边上

   3.4以下是生成二维码的过程图：

      

以下是我的测试页面 可参考业务逻辑需要手动修改

  1. <%@page language="java" contentType="text/html; charset=UTF-8"%>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport"
  8. 	content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11. <meta name="format-detection" content="telephone=no">
  12. <title>测试蓝牙1</title>
  13. <link rel="stylesheet" type="text/css" href="css/common.css">
  14. <script src="js/jquery-1.10.2.min.js"></script>
  15. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  16. <style type="text/css">
  17. .wdbll4 {
  18. 	margin-top: 15px;
  19. }
  20.  
  21. .grxx_top_biaoge td {
  22. 	text-align: center;
  23. }
  24. </style>
  25. </head>
  26. <body id="activity-detail" class="zh_CN ">
  27. 	<div class="wdbll4" align="center"
  28. 		style="padding-left: 10px; padding-right: 10px;">
  29. 		<div style="width: 95%; margin: 0 auto; text-align: center" id="scan">
  30. 			<div class='aui-btn aui-btn-info aui-btn-block' onclick="scan();"
  31. 				id="startScanWXDevice">搜索蓝牙</div>
  32. 		</div>
  33. 	</div>
  34. 	<div class="wdbll4" align="center"
  35. 		style="padding-left: 10px; padding-right: 10px;">
  36. 		<div style="width: 95%; margin: 0 auto; text-align: center" id="scan">
  37. 			<div class='aui-btn aui-btn-info aui-btn-block' onclick="stopSacn();"
  38. 				id="stopScanWXDevice">停止搜索</div>
  39. 		</div>
  40. 	</div>
  41. 	<div class="wdbll4" align="center"
  42. 		style="padding-left: 10px; padding-right: 10px;">
  43. 		<div style="width: 95%; margin: 0 auto; text-align: center" id="scan">
  44. 			<div class='aui-btn aui-btn-info aui-btn-block' onclick="getInfo()">获取设备信息</div>
  45. 		</div>
  46. 	</div>
  47. 	<div class="wdbll4" align="center"
  48. 		style="padding-left: 10px; padding-right: 10px;">
  49. 		<div style="width: 95%; margin: 0 auto; text-align: center" id="scan">
  50. 			<div class='aui-btn aui-btn-info aui-btn-block' onclick="bleConn()">连接蓝牙</div>
  51. 		</div>
  52. 	</div>
  53. 	<div class="wdbll4" align="center"
  54. 		style="padding-left: 10px; padding-right: 10px;">
  55. 		<div style="width: 95%; margin: 0 auto; text-align: center" id="scan">
  56. 			<div class='aui-btn aui-btn-info aui-btn-block' onclick="sendData()">发送数据</div>
  57. 		</div>
  58. 	</div>
  59. 	<div id="initBle"></div>
  60. </body>
  61. <script type="text/javascript">
  62. 	function BleManage() {
  63. 	};
  64. 	//在它的原型上添加方法  
  65. 	BleManage.prototype = {
  66. 		//搜索蓝牙  
  67. 		bleInit_sAcn : function() {
  68. 			wx.invoke('startScanWXDevice', {
  69. 				//  'connType' : 'blue',  
  70. 				'btVersion' : 'ble'
  71. 			}, function(res) {
  72. 				console.log('开始扫描设备：', res);
  73. 				$("#initBle").append("<p>开始扫描设备：" + res.err_msg + "</p>");
  74. 			});
  75. 		},
  76. 		//关不搜索蓝牙  
  77. 		bleInit_stopSacn : function() {
  78. 			wx.invoke('stopScanWXDevice', {
  79. 				'connType' : 'blue'
  80. 			}, function(res) {
  81. 				$("#initBle").append("<p>停止扫描设备：" + res.err_msg + "</p>");
  82. 				console.log('停止扫描设备：', res);
  83. 				//alert(res.err_msg);    
  84. 			});
  85. 		},
  86. 		//获取设备信息  
  87. 		bleInit_getDev_Info : function() {
  88. 			wx.invoke('getWXDeviceInfos', {
  89. 				'connType' : 'ble'
  90. 			}, function(res) {
  91. 				alert(JSON.stringify(res))
  92. 			});
  93. 		},
  94. 		//连接兰芽  
  95. 		bleInit_connBle : function() {
  96. 			wx.invoke('connectWXDevice', {
  97. 				'deviceId' : 'gh_b9284c11a1a2_b806ab8c3e6c1b33',
  98. 				'connType' : 'ble'
  99. 			}, function(res) {
  100. 				alert(JSON.stringify(res))
  101. 			});
  102. 		},
  103. 		//发送数据  
  104. 		bleInit_sendData : function() {
  105. 			wx
  106. 					.invoke(
  107. 							'sendDataToWXDevice',
  108. 							{
  109. 								'deviceId' : '',
  110. 								'connType' : 'ble',
  111. 								'base64Data' : 'MDAwMEZGRjItMDAwMC0xMDAwLTgwMDAtMDA4MDVGOUIzNEZC'
  112. 							}, function(res) {
  113. 								alert(JSON.stringify(res))
  114. 							});
  115. 		},
  116. 		//初始化微信配置  
  117. 		bleInit_callback_ : function() {
  118. 			//刚刚开测试 建议这4个值 直接在页面上写死  
  119. 			//动态获取签名的时候才建议 使用下面 ready里面的ajax  
  120. 			/*
  121. 			var appId = data.appId;  
  122. 			var timestamp = data.timestamp;  
  123. 			var nonceStr = data.nonceStr;  
  124. 			var signature = data.signature;  6eee7ee157ea0fbe3bb92e11e12357c696933b9e
  125. 			 */
  126. 			wx.config({
  127. 				beta : true, //坑：这个很重要，必须配置这个为true,才能调用微信的硬件API
  128. 				debug : true, //是否开启调试模式，会自动弹一些消息框显示微信返回的数据
  129. 				appId : "", //让后台返回appid
  130. 				timestamp : "1467363034", //让后台返回生成证书时用的时间戳
  131. 				nonceStr : "ByqsO2DGvi6tl0ftNcrexpxXr9gVlyLM", //让后台返回生成证书时用的随机串
  132. 				signature : "beea321841612b40ccb44b326b20f3572d75bd3a", //让后台返回已当前URL地址生成的证书
  133. 				jsApiList : [ //需要调用的接口，都得在这里面写一遍    
  134. 				"openWXDeviceLib",//初始化设备库（只支持蓝牙设备）    
  135. 				"closeWXDeviceLib",//关闭设备库（只支持蓝牙设备）    
  136. 				"getWXDeviceInfos",//获取设备信息（获取当前用户已绑定的蓝牙设备列表）    
  137. 				"sendDataToWXDevice",//发送数据给设备    
  138. 				"startScanWXDevice",//扫描设备（获取周围所有的设备列表，无论绑定还是未被绑定的设备都会扫描到）    
  139. 				"stopScanWXDevice",//停止扫描设备    
  140. 				"connectWXDevice",//连接设备    
  141. 				"disconnectWXDevice",//断开设备连接    
  142. 				"getWXDeviceTicket",//获取操作凭证    
  143.  
  144. 				//下面是监听事件：    
  145. 				"onWXDeviceBindStateChange",//微信客户端设备绑定状态被改变时触发此事件    
  146. 				"onWXDeviceStateChange",//监听连接状态，可以监听连接中、连接上、连接断开    
  147. 				"onReceiveDataFromWXDevice",//接收到来自设备的数据时触发    
  148. 				"onScanWXDeviceResult",//扫描到某个设备时触发    
  149. 				"onWXDeviceBluetoothStateChange",//手机蓝牙打开或关闭时触发    
  150. 				]
  151. 			});
  152. 			wx.ready(function() {
  153. 				wx.invoke('openWXDeviceLib', {
  154. 				// 'brandUserName' : '',
  155. 				// 'connType':'blue'
  156. 				}, function(res) {
  157. 					$("#initBle").append("<p>初始化设备库：" + res.err_msg + "</p>");
  158. 					if (res.bluetoothState == "off") {
  159. 						alert("请先开启手机蓝牙");
  160. 						$("#initBle").append("<p>请先开启手机蓝牙</p>");
  161.  
  162. 					}
  163. 				});
  164. 				wx.invoke('getWXDeviceInfos', {
  165. 					'connType' : 'blue'
  166. 				}, function(res) {
  167. 					$("#initBle").append("<p>获取我的设备：" + res.err_msg + "</p>");
  168. 				});
  169.  
  170. 				wx.on('onScanWXDeviceResult', function(res) {
  171. 					var ret_ = res.devices;
  172. 					for (var i = 0; i < ret_.length; i++) {
  173. 						var macid = JSON.stringify(res.devices[i].deviceId)
  174. 								.replace(/\"/g, "");
  175. 						//给扫描到的设备添加点击事件
  176. 						$("#initBle").append(
  177. 								"<button onclick=\"bindBle('" + macid
  178. 										+ "')\">扫描到设备：" + macid + "</button>");
  179. 					}
  180. 				});
  181. 				//手机蓝牙状态改变时触发 （这是监听事件的调用方法，注意，监听事件都没有参数）    
  182. 				wx.on('onWXDeviceBluetoothStateChange', function(res) {
  183. 					//把res输出来看吧    
  184. 					$("#initBle").append(
  185. 							"<p>蓝牙状态变更：" + JSON.stringify(res) + "</p>");
  186. 				});
  187. 				//设备绑定状态改变事件（解绑成功，绑定成功的瞬间，会触发）    
  188. 				wx.on('onWXDeviceBindStateChange', function(res) {
  189.  
  190. 					$("#initBle").append(
  191. 							"<p>绑定状态变更：" + JSON.stringify(res) + "</p>");
  192. 				});
  193. 				//设备连接状态改变    
  194. 				wx.on('onWXDeviceStateChange', function(res) {
  195. 					//有3个状态：connecting连接中,connected已连接,unconnected未连接    
  196. 					//每当手机和设备之间的状态改变的瞬间，会触发一次    
  197.  
  198. 					$("#initBle").append("<p>设备连接状态：" + res.state + "</p>");
  199. 				});
  200. 				//接收到设备传来的数据    
  201. 				wx.on('onReceiveDataFromWXDevice', function(res) {
  202. 					$("#initBle").append(
  203. 							"<p>收到设备数据：" + JSON.stringify(res) + "</p>");
  204. 				});
  205. 				wx.error(function(res) {
  206. 					alert("wx.error错误：" + JSON.stringify(res));
  207. 					//如果初始化出错了会调用此方法，没什么特别要注意的    
  208. 				});
  209.  
  210. 			});
  211. 		}
  212. 	}
  213. 	//绑定设备
  214. 	function bindBle(str) {
  215. 		//先去后台验证一下当前用户的openid有效
  216. 		$.ajax({
  217. 			type : "post",
  218. 			url : "ble/bleServlet",
  219. 			data : {
  220. 				"method" : "getOpenid"
  221. 			},
  222. 			dataType : "json",
  223. 			success : function(data) {
  224. 				var openid = data.openid;
  225. 				if (openid == 1) {
  226. 					alert("errr");
  227. 				} else {
  228. 					//强制绑定 传值 后台获取的openid  和当前点击的设备ID
  229. 					$.ajax({
  230. 						type : "post",
  231. 						url : "ble/bleServlet",
  232. 						data : {
  233. 							"method" : "bindDe",
  234. 							"deviceId" : str,
  235. 							"openid" : openid
  236. 						},
  237. 						dataType : "json",
  238. 						success : function(data) {
  239. 							alert(JSON.stringify(data))
  240. 							var s = data.errmsg;
  241. 							if (s == "ok") {
  242. 								alert("bind   succ");
  243. 							}
  244. 						},
  245. 						error : function(e) {
  246. 						}
  247. 					});
  248. 				}
  249. 			},
  250. 			error : function(e) {
  251. 			}
  252. 		});
  253. 	}
  254.  
  255. 	var bleManage = null;
  256. 	//进来动态加载签名  
  257. 	$(document).ready(function() {
  258. 		bleManage = new BleManage();
  259. 		bleManage.bleInit_callback_();
  260. 		/*
  261. 		$.ajax({  
  262. 		    type : "post",  
  263. 		    url : "xxx.com",  
  264. 		    data : {},  
  265. 		    dataType : "json",  
  266. 		    success : function(data) {  
  267. 		        //调用之前先打印一下传回来的4个值 是否跟你之前写死的 能成功的值是一样的  
  268. 		        bleManage.bleInit_callback_(data);  
  269. 		    }  
  270. 		});
  271. 		 */
  272. 	});
  273.  
  274. 	function scan() {
  275. 		bleManage.bleInit_sAcn();
  276. 	}
  277. 	function stopSacn() {
  278. 		bleManage.bleInit_stopSacn();
  279. 	}
  280. 	function getInfo() {
  281. 		bleManage.bleInit_getDev_Info();
  282. 	}
  283. 	function bleConn() {
  284. 		bleManage.bleInit_connBle();
  285. 	}
  286. 	function sendData() {
  287. 		bleManage.bleInit_sendData();
  288. 	}
  289. 	var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
  290. 	function base64encode(str) {
  291. 		var out, i, len;
  292. 		var c1, c2, c3;
  293. 		len = str.length;
  294. 		i = 0;
  295. 		out = "";
  296. 		while (i < len) {
  297. 			c1 = str.charCodeAt(i++) & 0xff;
  298. 			if (i == len) {
  299. 				out += base64EncodeChars.charAt(c1 >> 2);
  300. 				out += base64EncodeChars.charAt((c1 & 0x3) << 4);
  301. 				out += "==";
  302. 				break;
  303. 			}
  304. 			c2 = str.charCodeAt(i++);
  305. 			if (i == len) {
  306. 				out += base64EncodeChars.charAt(c1 >> 2);
  307. 				out += base64EncodeChars.charAt(((c1 & 0x3) << 4)
  308. 						| ((c2 & 0xF0) >> 4));
  309. 				out += base64EncodeChars.charAt((c2 & 0xF) << 2);
  310. 				out += "=";
  311. 				break;
  312. 			}
  313. 			c3 = str.charCodeAt(i++);
  314. 			out += base64EncodeChars.charAt(c1 >> 2);
  315. 			out += base64EncodeChars.charAt(((c1 & 0x3) << 4)
  316. 					| ((c2 & 0xF0) >> 4));
  317. 			out += base64EncodeChars.charAt(((c2 & 0xF) << 2)
  318. 					| ((c3 & 0xC0) >> 6));
  319. 			out += base64EncodeChars.charAt(c3 & 0x3F);
  320. 		}
  321. 		return out;
  322. 	}
  323. </script>
  324. </html>

下面教怎么获取正确的签名也就上上面JS中config中要用到的

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN   这是错误码查看连接

http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign   这才是生成签名的连接注意上面填写的四个字段

1：jsapi_ticket      //下面介绍怎么获取他的值

2：noncestr  为了测试这里我们先写一个零时的   ovRc9vDzRzAtoUNfeOzp8jiq4qISjV5y  //跟上面config中的一致

3：timestamp  1465264902

4：url      这里是需要调JS的页面所在的URL

然后点击生存签名  

jsapi_ticket  //获取 

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+ACCESS_TOKEN+"&type=jsapi 这是获取的请求 自己在后头组装get或post请求先获取token然后传进去请求这个连接出来的就是jsapi_ticket 

xin新手发贴大神勿喷    建议以上能成功通过在结合后台来开发后续流程  如果不懂 wb_90@foxmail.com


 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/321096
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号