NodeMCU阿里云平台APP的10分钟搭建
2019-06-17 本文已影响14人
波波2
前言
在前几篇文章中,实现了自己搭建MQTT服务器,实现温度监控,也实现了与阿里云物联网平台集成,今天这篇文章主要是演示如何通过阿里云自身提供的工具来在10分钟内完成一个物联网APP的开发。
创建应用
登录阿里云物联网平台创建应用
![](https://img.haomeiwen.com/i7737311/994e4b01e139af9f.png)
应用类型选择,选择移动可视化开发
![](https://img.haomeiwen.com/i7737311/7184f7c90c420625.png)
填写应用基本信息
![](https://img.haomeiwen.com/i7737311/5f56d102ef7a107c.png)
页面设计
在左侧列表中选择界面模板
![](https://img.haomeiwen.com/i7737311/fd580b876f8331df.png)
将模板拖动到页面中。页面显示如下:
![](https://img.haomeiwen.com/i7737311/425366e0422aa2c0.png)
对数据进行绑定
这个步骤非常重要,就是将页面现实控件与产品设备的数据进行绑定,从而对设备数据进行特定形式的展示。绑定的基本步骤,首先选择绑定的控件,然后选择产品、设备对应的属性。
![](https://img.haomeiwen.com/i7737311/f964b845c535046f.png)
![](https://img.haomeiwen.com/i7737311/b1aeda3bcf097e6e.png)
![](https://img.haomeiwen.com/i7737311/56944b1fa8720a5f.png)
![](https://img.haomeiwen.com/i7737311/fe681b3a193e360b.png)
![](https://img.haomeiwen.com/i7737311/d63322aed68c19b0.png)
![](https://img.haomeiwen.com/i7737311/704f54bc7e11791f.png)
![](https://img.haomeiwen.com/i7737311/7c518ebce2c3273d.png)
![](https://img.haomeiwen.com/i7737311/80521313b61f9785.png)
建立页面链接
我们设计的是一个完整的应用,这个应用自带了用户注册这些功能,所以我们必须将我们的页面插入到应用中。
修改页面名称
![](https://img.haomeiwen.com/i7737311/fb9fe688aeb56098.png)
![](https://img.haomeiwen.com/i7737311/935cdc277fbf3eb7.png)
建立链接
选择首页模块中的列表页。
![](https://img.haomeiwen.com/i7737311/8b8847616b9f13e1.png)
![](https://img.haomeiwen.com/i7737311/eedf00d6ef4962d2.png)
在首页中,页面标题那两个位置就是页面入口位置。在右侧点击新增页面入口按钮,添加新的页面入口。
![](https://img.haomeiwen.com/i7737311/a101f15953404c55.png)
编译构建
选择构建应用程序
![](https://img.haomeiwen.com/i7737311/af173466bd9512db.png)
选择只是自己使用
![](https://img.haomeiwen.com/i7737311/d2d76a6cca11b38d.png)
生成包名
![](https://img.haomeiwen.com/i7737311/5aa382aef40fcdb7.png)
![](https://img.haomeiwen.com/i7737311/918492ca22787c87.png)
![](https://img.haomeiwen.com/i7737311/5f48379cb409ff7c.png)
补充
整个过程都比较简单,最可能出现问题的步骤就是数据绑定部分,主要是出现不能找到产品与设备的情况。这种情况下,读者可以仔细看下,有一个页面中有一个产品导入功能,可以把前期我们构建的产品设备导入过来。只能说,这可能是两个团队没有共享数据给使用者造成的问题。