• #微信小程序(按键控制)


    1.IDE:微信开发者工具


    2.实验:微信小程序设计两个按钮,对onenet平台数据流(旧版)来进行http post上传,下位机再http get得到控制信息


    3.记录

    (1)bind-tap(绑定函数)

    (2)关键代码

    1. //按键1
    2. kai:function(){
    3. let data={
    4. "datastreams":[
    5. {"id":"button_ctrl","datapoints":[{"value":1}]}, //button_ctrl为数据流名称
    6. ]
    7. }
    8. //按钮发送命令控制硬件
    9. wx.request({
    10. url: 'https://api.heclouds.com/devices/1105985351/datapoints',
    11. header:{
    12. 'content-type': 'application/json',
    13. 'api-key':'AdbrV5kCRsKsRCfjboYOCVcF9FY='
    14. },
    15. method: 'POST',
    16. data: JSON.stringify(data), //data数据转换成JSON格式
    17. success(res){console.log("成功",res.data)},
    18. fail(res){console.log("失败",res)}
    19. })
    20. },
    21. /********************************************************************************/
    22. //按键0
    23. guan:function(){
    24. let data={
    25. "datastreams":[
    26. {"id":"button_ctrl","datapoints":[{"value":0}]}, //button_ctrl为数据流名称
    27. ]
    28. }
    29. //按钮发送命令控制硬件
    30. wx.request({
    31. url: 'https://api.heclouds.com/devices/1105985351/datapoints',
    32. header:{
    33. 'content-type': 'application/json',
    34. 'api-key':'AdbrV5kCRsKsRCfjboYOCVcF9FY='
    35. },
    36. method: 'POST',
    37. data: JSON.stringify(data), //data数据转换成JSON格式
    38. success(res){console.log("成功",res.data)},
    39. fail(res){console.log("失败",res)}
    40. })
    41. },

    (3)函数绑定

     <button class="ctrl" bindtap="kai">按键1button>

    4.代码

    index.js

    1. Page({
    2. data: {
    3. ppm:0
    4. },
    5. //事件处理函数
    6. getinfo(){ //javascript中函数与函数之间需要用逗号隔开
    7. var that =this
    8. wx.request({
    9. url: "https://api.heclouds.com/devices/1105985351/datapoints",
    10. header:{
    11. "api-key": "AdbrV5kCRsKsRCfjboYOCVcF9FY=" //自己的apikey
    12. },
    13. method: "GET",
    14. success: function(e){ //获取成功将所有数据传入e
    15. console.log("获取成功",e) //控制台打印获取回来的数值
    16. that.setData({
    17. ppm:e.data.data.datastreams[0].datapoints[0].value
    18. })
    19. console.log("ppm=",that.data.ppm) //打印从json返回数据中解码出来的数据ppm
    20. }
    21. })
    22. },
    23. //按键1
    24. kai:function(){
    25. let data={
    26. "datastreams":[
    27. {"id":"button_ctrl","datapoints":[{"value":1}]}, //button_ctrl为数据流名称
    28. ]
    29. }
    30. //按钮发送命令控制硬件
    31. wx.request({
    32. url: 'https://api.heclouds.com/devices/1105985351/datapoints',
    33. header:{
    34. 'content-type': 'application/json',
    35. 'api-key':'AdbrV5kCRsKsRCfjboYOCVcF9FY='
    36. },
    37. method: 'POST',
    38. data: JSON.stringify(data), //data数据转换成JSON格式
    39. success(res){console.log("成功",res.data)},
    40. fail(res){console.log("失败",res)}
    41. })
    42. },
    43. /********************************************************************************/
    44. //按键0
    45. guan:function(){
    46. let data={
    47. "datastreams":[
    48. {"id":"button_ctrl","datapoints":[{"value":0}]}, //button_ctrl为数据流名称
    49. ]
    50. }
    51. //按钮发送命令控制硬件
    52. wx.request({
    53. url: 'https://api.heclouds.com/devices/1105985351/datapoints',
    54. header:{
    55. 'content-type': 'application/json',
    56. 'api-key':'AdbrV5kCRsKsRCfjboYOCVcF9FY='
    57. },
    58. method: 'POST',
    59. data: JSON.stringify(data), //data数据转换成JSON格式
    60. success(res){console.log("成功",res.data)},
    61. fail(res){console.log("失败",res)}
    62. })
    63. },
    64. /***************************************************************************/
    65. onLoad(){ //相当于主函数
    66. var that =this
    67. // setInterval(function(){
    68. // that.getinfo() //获取一次数据
    69. // },5000) //3s执行一次
    70. // setInterval(function(){
    71. // that.kai() //获取一次数据
    72. // },3000) //3s执行一次
    73. }
    74. })

  • 相关阅读:
    AR动态贴纸SDK,让创作更加生动有趣
    _gdb和进程概念
    计算机专业毕业设计项目推荐03-Wiki系统设计与实现(JavaSpring+Vue+Mysql)
    Netty-NIO
    SpringSecurity用户认证设置用户名和密码的三种方式
    E - Power and Modulo
    异常的分类、产生、传递和处理(JAVA基础十)
    Spring_AOP的理解
    【Linux】信号量和线程池
    Java 面试题 —— TCP 粘包、拆包问题
  • 原文地址:https://blog.csdn.net/byhyf83862547/article/details/136572085