高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年微信小程序硬件平台(汇总3篇)

微信小程序硬件平台 第1篇

微信小程序是腾讯推出的一种不需要下载安装即可在微信平台上使用的应用。

因为不需要安装下载,所以这也是我看中它的原因之一。在中国,微信几乎安装在每一个智能机用户的手机上,这么大的体量也是小程序能快速发展的原因。

调试的时候可以设置不校验合法域名,这样前期会方便一点,但是要想将小程序上线还是要设置一下的。

界面要看熟练度和审美,我也不想消耗很多时间,所以这边设计得就很简单,所以就只有几个按钮而已。

这里需要你读懂一下OneNET平台提供的API就行,在官方文档中选用你用的协议,然后查看你需要使用的API即可。

注意一点,apikey是要封装在header里面的,这和我之前用过的平台不大一样。

我这边的流程很简单,就三步(请见下面三个小标题),所以就取了三个API使用。

const deviceInfoURL = __ + deviceidconst getDataStreamURL = __ + deviceid + _/datastreams_

const sendCommandURL = __

第一步获取设备信息,主要查看设备是否在线,官方文档中有说明返回的json数据格式,但是建议调试的时候可以先打印出来,然后根据格式设计代码。这边我只要查看成功返回后的online这个数据。如果在线,那就可以初始化按钮信息;如果不在线,那没有必要继续操作了。

这边还设置了一个定时器,每三秒请求刷新一次,及时刷新信息。

初始化在确定设备完成连接后进行,更新按钮的状态。其实就是刷新开关的checked值。 因为最后获取的是一组信息,需要遍历一遍更新各个按钮的状态。

控制这边其实更多的是自定义程度比较高了,和硬件的处理代码有关。我们这边的代码是类似于blueled:1来开启灯的,所以发送信息的时候也是直接发送字符串就行了。

微信小程序是MVVM结构的,所以在前后台交互方面还是很迅速的。熟练掌握前端的花括号{{value}},给里面的值在后台用setData赋值就行。 但需要注意的是,中this应该代表的是此页面,如果你准备在相应完成之后进行操作,需要将this首先取出来,比如这样:var that = this,然后用that表示this

因为网上很少有人写了将第三方平台接入OneNET平台的博客,所以还是自己动手写了一篇。感觉光是把设备连上OneNET不加第三方展示,整个产品还是效果很一般的。 当然本人还是很菜的,欢迎大家批评指正。

微信小程序硬件平台 第2篇

先说硬件平台的原因是从开发顺序的角度来说,应该先调试完成硬件平台并完成基本功能,然后接入OneNET,最后再用UI显示并控制。当然只是习惯,高手自然有自己的套路。

这里主要是写要发送什么数据给OneNET,这边的代码主要是控制灯以及温湿度传感器的数据。当然这个推送是要符合规范的,这边也只是照着例程修改,毕竟硬件代码根本不熟悉。上传代码大致如下:

接收命令就是一个拆解的过程,比如我收到blueled:1,那就以冒号为基准拆分开,一个是对象,一个是动作,然后针对不同的硬件执行不同的动作。

微信小程序硬件平台 第3篇

第一步:在百度云: 注册账号,找到 物接入 loT Hub

第二步:这个 物接入 loT Hub接入也不是完全免费的,是按照流量收费的,我选择为1元一个月的流量然后付款一年才十元,足够自己一个人用了!之后选择创建项目,按照如下步骤:

第三步:在认真观看了上面协议的通讯协议之后,我们按照上面的协议来创建策略。

第四步:之后我们要去创建身份,拿到MQTT连接的密码和账号!吐槽下,真麻烦,还要说什么是身份列表,呵呵。

第六步:一样的步骤,我们一共要创建2个用户,一个是设备esp8266,一个是微信小程序连接客户端;

猜你喜欢