OneNet物联+App Inventor2(8)——掌控板+微信小程序显示数据
实现，掌控板获取光照值，发送至物联网OneNet,微信小程序读取并实时显示。与OneNet物联+App Inventor2（7）可结合实现双向通信。演示视频（因用手机录像，微信小程序未在手机上运行，只在开发平台上运行）
http://v.youku.com/v_show/id_XNDQ1NTg4OTUyOA==.html?x&sharefrom=android&sharekey=14021a62a86bcbf2003299a972083ff55
小程序已提交审核1.05版，7天以内审核通过。“云天创客”，可通过微信搜索小程序云天创客”，现在还是（7）的内容，等待审核。
微信小程序用到两个API，相关说明文档在下面。
https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html
https://developers.weixin.qq.com/miniprogram/dev/api/base/timer/setTimeout.html
微信小程序代码
1、<!--index.wxml-->
<view class="container">
<view class="userinfo">
<text class="user-motto">光照值：{{redata}}</text>
</view>
<view class="usermotto">
<buttonbindtap="timeout"> 获取数据 </button>
</view>
</view>
2、//index.js文件代码
//获取应用实例
const app = getApp()
Page({
data: {
redata: 0,
},
//事件处理函数
timeout: function() {
var that = this;
var timerName = setTimeout(function() {
wx.request({
url: 'https://api.heclouds.com/devices/5665449291/datastreams/yuntian', //仅为示例，并非真实的接口地址（填写自己的）
data: {
x: '',
y: ''
},
header: {
'api-key': 'Zlv41HNzpK9=Gdd7kEIbAqPmpUk=' // 填写自己的
},
method: 'get',
dataType: 'json',
success(res) {
console.log(res.data.data);
that.setData({
redata: res.data.data.current_value
})
}
});
that.timeout()
}, 10000)
}
})
3、掌控板 Mpython x程序（源代码在附件中）
很棒的教程
页:
[1]