【TinkerNode NB-IoT 物联网开发板】测评(四)移动应用开发
【TinkerNode NB-IoT 物联网开发板】测评(四)移动应用开发【TinkerNode NB-IoT 物联网开发板】测评(一)开箱验机
【TinkerNode NB-IoT 物联网开发板】测评(二)运行出厂默认程序
【TinkerNode NB-IoT 物联网开发板】测评(三)MQTT控制板载LED灯开关
【TinkerNode NB-IoT 物联网开发板】测评(四)移动应用开发
本文的测评是建立移动应用开发,在手机上控制TinkerNode上的灯的开关。
去年曾经参加过阿里云物联网套件测评,写了一个系列,其中就包括了移动应用开发。但是最近一直有人在帖子下留言说移动应用开发取消了。我回了说没有取消但仍然有人留言说取消,今天看阿里云的帮助文档发现下面的提示:
一、创建项目
(此步比较简单,此处以阿里云文档中的文字简略说明,如需详细操作,请至:https://help.aliyun.com/document_detail/143151.html?spm=a2c4g.11186623.2.13.69224c07Iyw21n#task-2329210)操作步骤
[*]在物联网平台控制台左侧导航栏,单击IoT Studio > 项目管理。
[*]在我的项目页,单击新建项目。
[*]在新建项目页面,鼠标移动至新建空白项目区域,并单击创建空白项目
[*]在新建空白项目对话框,输入项目名称和描述信息。
[*]单击确认。项目创建完成后,会直接跳转到项目详情的主页页面。
[*]为项目关联物联网平台产品和设备。
[*]若您已创建了产品和设备,且已为产品定义了物模型,直接关联产品和设备即可。详细内容请参见关联产品至普通项目和关联设备至项目。
[*]若您还未创建相应产品,需先创建产品,并为产品定义物模型。详细内容请参见创建产品。
二、配置应用界面
前提条件
[*]已完成创建项目,详细内容请参见项目。
操作步骤
[*]在项目主页,展开项目开发最右侧的历史功能,并选择移动应用开发。
2. 在移动应用开发页的可视化应用页签,单击新增可视化应用,然后填写信息并单击完成。
3. 页面编辑
自定义新增页,设计界面布局,如背景、UI组件位置等。
具体操作见本人另一个帖子:https://mc.dfrobot.com.cn/thread-280150-1-1.html
页面编辑结束后如下显示:
4. 配置数据
[*]注:如果出现下图中的“数据格式验证错误”则需要点上图中的“在线模拟”来模拟设备。如出现“数据格式验证成功”则说明数据配置成功。
[*]继续配置指示灯的数据
[*]指示灯数据配置成功
[*]设置指示灯图片
三、配置基本功能模块
操作步骤
基本功能模块是移动应用的必须模块。IoT Studio已预置了基本功能模块,您可以根据您的应用进行配置。
[*]账号模块:包含登录页、注册页和找回密码页。可以配置页面顶部的背景图。配置后,登录、注册、和找回密码页的顶部背景图均会被替换
[*]首页模块:即应用页面的列表页。
单击新增页面入口,传入图标,选择应用页面或输入URL,配置页面跳转链接,连接到应用页面或其他页面。
1. 选择“首页模块”下的列表页,单击“新增页面入口”
2. 点击“列表页配置”,输入“标题”、“描述”,点击“配置”,在弹出的窗口中选择“小夜灯”,点击“确定”
其他模块可以根据自己需要构建
四、构建应用
[*]点击右上角“构建”,根据需要选择Android或IoS
[*]根据需要选择自己使用或上架应用市场
[*]输入包名或随机生成包名
[*]打包中
[*]生成二维码,使用手机扫描将app下载安装。
注意二维码只有15分钟有效期,超过时间需要刷新或重新构建。
[*]手机扫描后安装并运行:
(不知道为什么指示灯不会变,只是开关的图片能根据灯的开关变化,检查设置没有问题)
[*]手机进行操作时,串口监视器会显示对应信息
阿里云文档:
编辑页面:https://help.aliyun.com/document_detail/125534.html?spm=a2c4g.11186623.6.633.7c017545m5X8Ka
移动应用开发:https://help.aliyun.com/document_detail/110476.html?spm=a2c4g.11186623.6.738.230b4c07WTJJn6
页:
[1]