微信小程序与thingsboard通过HTTP协议通信 您所在的位置:网站首页 仿豆瓣源码 微信小程序与thingsboard通过HTTP协议通信

微信小程序与thingsboard通过HTTP协议通信

#微信小程序与thingsboard通过HTTP协议通信| 来源: 网络整理| 查看: 265

参考资料:http://www.ithingsboard.com/docs/reference/http-api/#protocol-customization 1、 登录thingsboard租户,新建设备 在这里插入图片描述 在这里插入图片描述在这里插入图片描述

访问令牌很重要,是设备的身份验证,将设备连接到服务器客户端必须在请求URL中指定访问令牌 2、 创建仪表板 在这里插入图片描述 在这里插入图片描述 进入仪表板 在这里插入图片描述 进入仪表板编辑模式 在这里插入图片描述 创建实体别名 在这里插入图片描述 添加新部件 在这里插入图片描述 创建数字部件显示小程序上传的数据 在这里插入图片描述 在这里插入图片描述 添加数据源 在这里插入图片描述 在这里插入图片描述 同样的方式再创建一个关联wx实体的value2数据的数字部件 创建RPC部件给小程序下发数据

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在高级设置里更改Set value method的属性值,目的是为了在小程序端可辨识是哪一个RPC控件向小程序发送了数据 在这里插入图片描述 再创建一个Round switch控件 在这里插入图片描述 更改高级设置的Set value method的属性值 在这里插入图片描述 仪表板创建完成,如下图,每次更改仪表板都需要保存应用更改

在这里插入图片描述 3、 微信小程序端代码 Wxml:

value1:{{v1}} value2:{{v2}} switch:{{switch}} Tem:{{Tem}}

JS:

Page({ onLoad(){ this.get() this.send() }, send(){ let v1=Math.floor(Math.random()*100) let v2=Math.floor(Math.random()*100) this.setData({ v1:v1, v2:v2 }) wx.request({//发起网络请求 url: 'http://47.107.64.37:8080/api/v1/wx/telemetry',//此处wx为设备的访问令牌,47.107.64.37为服务器IP data:{ value1:v1, value2:v2 }, method:'POST', dataType:'json', success(res){ //console.log(res) }, fail(){ console.log('fail') }, }) setTimeout(this.send,3000) }, get(){ let that=this wx.request({//发起网络请求, url: 'http://47.107.64.37:8080/api/v1/wx/rpc', //此处wx为设备的访问令牌,47.107.64.37为服务器IP method:'GET', success(res){ console.log(res) if(res.data.method=="setSwitch")//Round Switch控件的数据 { that.setData({ switch:res.data.params }) } if(res.data.method=="setTem")//Knob Control控件的数据 { that.setData({ Tem:res.data.params }) } that.get() }, fail(){ that.get() } }) } })

4、 调试 编译小程序,小程序向thingsboard发送数据 在这里插入图片描述 点击RPC控件,thingsboard向小程序发送数据,相应的数据也会在小程序显示 在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有