CAT▪IOT-IDE 是北京恰恰云科技有限公司开发的一套物联网集成开发环境,用来帮助用户快速开发出物联网项目应用。今天我们通过一个简单的室内环境监测系统来介绍CAT▪IOT-IDE的使用。
1、安装运行
将软件包catiotide-win-x64-*拷贝电脑上
双击catiotide-win-x64-*.exe启动服务,服务窗口如下:
看到打印消息“publishBox end”时,表示服务启动完毕。
打开谷歌浏览器,输入http://127.0.0.1:1880打开登录页面:
登录 配置IP地址127.0.0.1 默认用户名:cat,密码:cat,登录进入主工作区
2、创建虚拟设备模板
在主工作区左侧资源箱切换到“本地”,点击添加,创建一个名称为“空气质量”的虚拟设备模板,拖拽到主工作区:
鼠标双击工作区的“空气质量_1”,弹出属性框,点击“编辑按钮”
打开“空气质量”的前面板编辑器:
工作区右侧页面容器中选择页面,点击页面“编辑”按钮,进行页面编辑
从组件箱中拖出需要的显示组件,调整属性,进行交互界面编辑。开发环境自带显示组件,可以根据需求自己配置显示界面。(具体操作方法请参考CAT▪IOT-IDE快速入门视频)
界面编辑好之后,点击发布,将页面显示组件实例化到后面板参与数据联动。
如果没有真实设备,我们可以创建一个虚拟设备,来模拟数据源,创建方法还是上面讲到的模板的创建。创建好之后点击该设备的后面板,进行数据模拟。
在工作区最右侧,点击“+”添加数据输出点
点击“+”,出现空白占位数据点,双击空白数据点,弹出设置对话框,设置数据点信息,点击保存,完成数据点创建。
依次为设备创建湿度、PM2.5的输出数据点。
在资源栏中选择信号-发生器-随机整数,将随机整数拖到工作区,作为数据源,并与刚刚创建的数据输出点创建数据联动:
点击发布,然后回到刚才空气质量虚拟设备的页面编辑器中,将模拟设备和组件实例进行数据联动:
通过面板切换器,切换回前面板,查看页面编辑里的页面url地址,并复制到新打开的浏览器界面 ,就可以看到最终的完成效果。
页面最终展示效果,显示实时获取数据:
CAT▪IOT-IDE 下载地址:http://www.qiaqiacloud.com/download.html
CAT▪IOT-IDE快速入门视频:
http://v.youku.com/v_show/id_XMzkwNjYyMTUzMg==.html?spm=a2h3j.8428770.3416059.1