电子发烧友网 > 今日头条 > 正文

如何在阿里云物联网平台上使用IoT Studio开发多设备Web应用?

2020年05月07日 09:35 次阅读

一、新建Web应用

新建Web应用的前提是已建立有项目。

如何在阿里云上建立项目,可以参见之前的文章如何在阿里云的 IoT Studio页面的公开的解决方案的基础上新建项目。

这里,我们不再介绍如何创建项目,而是在原有项目的基础上,添加一个新的Web应用。

图1   阿里云物联网平台上新建自己的Web应用

新建Web应用的方法如图1所示,“应用名称”是可以自己定的,“所属项目”可以选之前已经创建的项目“环境感知解决方案”,“描述”可以写一下对这个应用的大概解释,免得应用多了,记不住某个应用用来做什么。

二、建立菜单

此步骤用于建立用户界面的菜单。

需要注意的是,此处的菜单所包括的子菜单,应与下一个步骤所添加的页面一一对应。

如图2所示,选择导航布局,并点击“新增主菜单”。

图2  在阿里云物联网平台上给解决方案增加主菜单

在图2所示的界面上,点击“新增主菜单”,可以依次增加“设备运行总图”“设备管理”“设备属性”“RAK产品展示”4个菜单。

三、添加页面

1、添加“设备运行总图”页面

如图3所示,点击图3所示界面的“+”,可以新建页面。新建页面的时候,可以选择模板,比如选择“大屏”下的“通用设备运维大屏”模板。

还可以给上述新增的页面修改名字,比如修改页面名字为“设备运行总图”。

图3  在阿里云物联网平台上给解决方案添加设备运行总图页面

2、添加“设备管理”页面

新建页面,如图4,选择“设备管理”模板。将页面名修改为“设备管理”,就获得了设备管理页面。

图4   阿里云物联网平台选择Web应用的设备管理模板

3、设置访问权限

在图5所示界面上,勾选“访问权限”。

可供的选择包括“免登录访问”、“访问限制”。其中,需要先在“应用设置”中设置鉴权,按照提示进行操作即可。

在图5所示的界面中,还可以设置背景图像。

图5   在阿里云物联网平台上设置Web应用的访问权限

4、选择产品

在图6所示的界面,可以点击“选择产品”,这时候,你之前创建的产品就都可以进行选择,可以一次选择一个产品,也可以一次选择多个产品。

如图6所示,点击“选择产品”之后,就可以弹出一个窗口,在该窗口有产品列表(目前只有RAK5205可供选择),可以选择产品RAK5205。

点击“产品管理”,还可以多关联一些产品,也可以创建产品。具体如何在阿里云物联网平台上关联产品、或者创建产品,可以查看之前的文章如何在阿里云物联网平台上添加自己的LoRa节点设备。

需要注意的是,点击“设备管理”页面的中间,才能够出现如图4右侧所示的供“选择产品”的页面。

图6   阿里云物联网平台上为Web应用选择产品

5、添加“设备属性”页面

点击图7所示的“+”新建页面,并选择“设备属性”模板。页面名可进行修改,比如修改为“设备属性”。

同样的,也可以进行权限的设置,比如勾选“免登陆访问”,还可以设置背景图像。

图7  阿里云物联网平台上为Web应用添加设备属性页面

通过点击图7所示界面的中间位置,可以在右侧出现“选择产品”的栏目,同样的可以选择已有的产品,或者新创建或新关联其他的产品。

这样我们就把所有页面创建好了,下面我们把页面和主菜单绑定起来。

四、菜单和页面绑定

1、绑定单个页面与单个菜单

左侧点击页面图标,切换到页面界面,如图8所示。

在图8所示界面上,点击“配置”。

这时候,在右边栏目中的下方,出现“菜单配置”,里面将显示你按照上面第二部分所介绍的方法所创建的菜单。当你将鼠标停留在某个菜单的名称上的时候,如图8所示,停留在菜单“设备运行总图”上时,右边将出现三个小按钮,第一个(即被红色方圈圈住的,此为本文加上去的,阿里云平台中不具备该红色方圈)按钮用于为该菜单绑定页面。

图8  阿里云物联网平台绑定Web应用的页面和菜单示意图

点击该第一个按钮,将出现如图9所示的小窗口。

如图9所示,在“目标链接”处将自动列出当前所有的应用页面,也就是你按照第三部分所介绍的方法来创建的页面。

在其中一个页面前面的圆圈中点击选中该页面,并点击“确定”后,则该页面与菜单“设备运行总图”绑定起来了。

图9  阿里云物联网平台Web应用的页面和菜单的绑定方法示意图

按照上面的方法,就可以依次绑定剩下的其他页面和菜单。

2、设置主页

我们需要设置用户登录后看到的第一个页面,也就是主页。

如图10所示,这里我们把“设备运行总图”设置为“主页”, 勾选“免登陆访问”。

图10  阿里云物联网平台设置Web应用的主页

“设备管理”页面勾选“访问权限”,其他页面勾选“免登陆访问”。这样应用就开发好了,下面就可以发布应用了。

五、发布应用

如图11所示,绑定好页面和菜单后,点击IoT Studio右上角的“保存”按钮,然后点击“预览”,如果没有问题,就点击“发布”,填写发布信息。

图11  在阿里云物联网平台上发布Web应用

点击“确定后”,绑定域名,就可以通过域名查看展示效果了。

六、查看Web应用的效果

浏览器输入所绑定的域名,就可以打开该Web应用。

主页展示如图12所示。

依次点击图12左栏所示的其他页面的名称,就可以展示其他页面的情况。

至此,一个基本的多设备展示和管理应用就搭建好了。

图12   用阿里云物联网平台的IoT Studio搭建的Web应用的主页示意图

结语

本文介绍了如何在阿里云物联网平台上,根据个人业务需求,搭建一个基本的多设备展示和管理的Web应用。lw

下载发烧友APP

打造属于您的人脉电子圈

关注电子发烧友微信

有趣有料的资讯及技术干货

关注发烧友课堂

锁定最新课程活动及技术直播

电子发烧友观察

一线报道 · 深度观察 · 最新资讯
收藏 人收藏
分享:

评论

相关推荐

2019年第六届中国物联网大会

12月12日,2019年第六届中国物联网大会将在深圳科兴科学园国际会议中心隆重举行,本次大会吸引了包括中国移动、ARM、
发烧友学院发表于 2019-12-02 00:00 24080次阅读
2019年第六届中国物联网大会

如何通过阿里云物联网平台发布单设备Web应用

前言 前面的文章里,我们介绍了如何在阿里云物联网平台上配置网关、添加LoRa节点设备,以及如何使用I....
发表于 2020-05-07 09:16 9次阅读
如何通过阿里云物联网平台发布单设备Web应用

米尔推出VECP边缘视觉套件 具超低延时4K级视...

米尔VECP(Vision Edge Computing Platform)边缘视觉套件可以广泛应用....
发表于 2020-05-07 09:11 12次阅读
米尔推出VECP边缘视觉套件 具超低延时4K级视...

如何在阿里云物联网平台上给项目关联产品和设备

一、关联产品 必须给项目关联产品和设备。在关联设备之前,必须先关联产品。 当创建完项目之后,会自动弹....
发表于 2020-05-07 09:04 9次阅读
如何在阿里云物联网平台上给项目关联产品和设备

紫光展锐打造面向平板旗舰体验 扩展并充分优化虎贲...

虎贲T7510 和虎贲T710致力打造旗舰体验,充分利用虎贲7系列提供的高性能、低时延和无缝切换的连....
发表于 2020-05-06 18:34 518次阅读
紫光展锐打造面向平板旗舰体验 扩展并充分优化虎贲...

诺基亚在物联网服务中增加了新的5G和边缘功能

诺基亚在其全球物联网网格管理服务中增加了新的5G和边缘功能。该公司表示,此举应有助于通信服务提供商利....
发表于 2020-05-06 17:36 448次阅读
诺基亚在物联网服务中增加了新的5G和边缘功能

关于工业智能中工业数据的一些初步思考

一是来自于软件的生产类数据,即各种MES/ERP/PLM/SCM等软件中关于产品属性、工艺、生产、采....
发表于 2020-05-06 17:27 147次阅读
关于工业智能中工业数据的一些初步思考

物联网与AI的融合将会为我们带来更多的便利

管对AI和IoT的全面优化还相距遥远,但在解决问题和信息可以改善所有利益相关者成果的情况下,这两种技....
发表于 2020-05-06 16:07 230次阅读
物联网与AI的融合将会为我们带来更多的便利

用于恩智浦平台的村田Wi-Fi及Bluetoot...

开发具有物联网功能的装置,产品微处理器中通信功能模块的设计开发能力是抢占制高点的关键。物联网装置通信....
发表于 2020-05-06 15:11 193次阅读
用于恩智浦平台的村田Wi-Fi及Bluetoot...

新材料在线特推出【2020年先进封装行业行业研究...

目前全球封测产业中国台湾、美国、中国大陆三足鼎立格局基本成型——中国台湾是全球芯片封测代工实力最强的....
发表于 2020-05-06 11:18 288次阅读
新材料在线特推出【2020年先进封装行业行业研究...

电池供电节能设计方案详解

在不更换电池和不充电的时候,我时常觉得自己在不断地将各种耗尽电量的个人电子设备恢复为全功能状态。
发表于 2020-05-06 11:17 163次阅读
电池供电节能设计方案详解

口袋物联来科普什么是物联网?

我们回归到物联网产业的宏观角度,讲一讲整个物联网的一个层次构造,来说一说到底什么是物联网?物联网是一....
发表于 2020-05-06 10:11 252次阅读
口袋物联来科普什么是物联网?

通过人工智能技术来提高物联网的应用价值

尽管当今使用的IoT设备可以将数据发送到要分析的云中,这本身就令人印象深刻,但AI功能的实施可以从该....
发表于 2020-05-06 10:05 304次阅读
通过人工智能技术来提高物联网的应用价值

功能丰富的电源管理IC增强电池供电型IoT产品设...

Silicon Labs物联网营销和应用副总裁Matt Saunders表示:“如果您想要最简单的配....
发表于 2020-05-06 09:58 105次阅读
功能丰富的电源管理IC增强电池供电型IoT产品设...

Wi-Fi 6应用在望,物联网发展将迎来一波热潮

Wi-Fi当前在2.4和5GHz频段上发送信号,但美国联邦通信委员会(FCC)的一项新提案试图将未经....
发表于 2020-05-04 09:31 237次阅读
Wi-Fi 6应用在望,物联网发展将迎来一波热潮

贸泽电子备货Laird Connectivity...

贸泽电子分销的Laird Connectivity Sentrius IG60-BL654和BT51....
发表于 2020-05-01 08:48 1627次阅读
贸泽电子备货Laird Connectivity...

中科蓝讯与平头哥共同研发智能语音芯片,预计明年出...

4月30日消息,日前国内最大蓝牙芯片厂商中科蓝讯与平头哥半导体达成合作,双方将基于平头哥的玄铁系列处....
发表于 2020-04-30 16:45 1193次阅读
中科蓝讯与平头哥共同研发智能语音芯片,预计明年出...

UIoT RT-Thread软件包实现了IoT设...

统计UCloud SDK资源占用分为两种场景,分别为ROM和RAM占用最少和最多的示例,统计的时候包....
发表于 2020-04-30 15:16 231次阅读
UIoT RT-Thread软件包实现了IoT设...

快讯:Dialog推出SmartBond TIN...

近日,乐鑫信息科技发布 AI 语音麦克风阵列开发板 ESP32-Korvo。这是一款针对物联网嵌入式....
发表于 2020-04-30 14:47 1306次阅读
快讯:Dialog推出SmartBond TIN...

运用BG22设计安全的Bluetooth 5.2...

EFR32BG22(BG22)是满足这些关键要求的理想解决方案,可为设计人员提供在单一纽扣电池上使用....
发表于 2020-04-30 10:06 465次阅读
运用BG22设计安全的Bluetooth 5.2...

可靠、低功耗无线传感器网络适用于物联网

物联网革命近在咫尺,到 2020 年,全世界将有超过 300  亿个互联物体。在世界人口不断增加、资源变得越来越...
发表于 2020-04-30 06:55 136次阅读
可靠、低功耗无线传感器网络适用于物联网

紫外线传感器GUVC-T21GH的特性及应用研究

在生物细菌细胞中存在一种二核苷酸,对细胞生长增殖、信号传递、基因调控、线粒体保护等方面起着重要的作用....
发表于 2020-04-29 17:54 413次阅读
紫外线传感器GUVC-T21GH的特性及应用研究

芯讯通4G模组SIM7600CE中标高通海思芯片...

作为行业领先的模组企业,芯讯通做了全面战略布局。除了4G模组之外在5G模组和Cat.1模组也做了全面....
发表于 2020-04-29 17:17 402次阅读
芯讯通4G模组SIM7600CE中标高通海思芯片...

宏电地灾监测预报预警系统精准实现对地质灾害监测信...

会议指出,全国各地相继进入汛期,2020年我国地质灾害防治形势依然严峻复杂,要高度重视地灾防治中新科....
发表于 2020-04-29 16:52 516次阅读
宏电地灾监测预报预警系统精准实现对地质灾害监测信...

利用物联网技术可使公共交通更智能更安全

作为2019年在道路上度过200多个晚上,使用各种公共交通工具的人,我很高兴看到数字技术的创新和发展....
发表于 2020-04-29 16:47 456次阅读
利用物联网技术可使公共交通更智能更安全

王志勤:全面提升5G网络安全保障水平主要还面临三...

在近日举行的“5G和网络发展战略研讨会”上,中国信息通信研究院副院长、IMT-2020(5G)推进组....
发表于 2020-04-29 16:18 388次阅读
王志勤:全面提升5G网络安全保障水平主要还面临三...

物联网等新型基础设施建设已成为了首要任务

岁末年初,突如其来的新冠肺炎疫情来势汹汹,给很多行业都带来了冲击。但是我们也看到疫情期间的新经济、新....
发表于 2020-04-29 15:15 476次阅读
物联网等新型基础设施建设已成为了首要任务

思博伦联合新华三完成基于SRv6性能的400G测...

Spirent TestCenter成功支持了紫光旗下新华三集团S12500数据中心交换机400G板....
发表于 2020-04-29 15:10 472次阅读
思博伦联合新华三完成基于SRv6性能的400G测...

数字技术在推进疫情防控和复工复产中发挥了巨大作用

年初以来,突如其来的新冠肺炎疫情对我国经济社会运行造成巨大冲击。经过艰苦努力,我国疫情防控形势持续向....
发表于 2020-04-29 14:42 601次阅读
数字技术在推进疫情防控和复工复产中发挥了巨大作用

智能电磁感知新框架构建出,为感知系统开辟了新思路

日前,北京大学李廉林教授团队和东南大学崔铁军教授团队将人工智能和人工材料有机结合,综合挖掘且充分利用....
发表于 2020-04-29 14:36 359次阅读
智能电磁感知新框架构建出,为感知系统开辟了新思路

新能源汽车无感充电业务上线,实现“插枪即充、拔枪...

听说过“无感充电”么?简单来说,就是充电桩即插即用,自动扣费。有些公共充电桩使用时需要下载App;支....
发表于 2020-04-29 14:11 630次阅读
新能源汽车无感充电业务上线,实现“插枪即充、拔枪...

一颗极低功耗无时钟的物联网通用唤醒芯片

目前,降低物联网芯片功耗的主要研究方向是基于周期性工作模式的专用型唤醒芯片(例如:专用语音识别唤醒芯....
发表于 2020-04-29 11:11 422次阅读
一颗极低功耗无时钟的物联网通用唤醒芯片

阿里云、华为云、腾讯云保持高位增长,云安全威胁成...

在国内市场,阿里云牢牢保持第一;华为云增速迅猛;腾讯云、金山云、UCloud、青云等冲击股市板块;运....
发表于 2020-04-29 09:34 1835次阅读
阿里云、华为云、腾讯云保持高位增长,云安全威胁成...

用于物联网应用的增强声学和运动感应BlueCoin

STEVAL-BCNKT01V1,BlueCoin入门套件集成开发和原型...
发表于 2020-04-29 08:17 203次阅读
用于物联网应用的增强声学和运动感应BlueCoin

如何安装和升级了AWS CLI

我在下面的项目WCM AWS IOT-SDK AthTPS://GITHUBCOM/MICHCHIPTIC/WCM-AWS...
发表于 2020-04-29 07:57 25次阅读
如何安装和升级了AWS CLI

基于物联网技术的智能油烟在线监测系统的设计与应用

摘要:餐饮业作为我国第三产业中一个重要的传统服务性行业,其因市场大、增长快、影响广、吸纳就业能力强的....
发表于 2020-04-29 07:38 324次阅读
基于物联网技术的智能油烟在线监测系统的设计与应用

窄带物联网应用推广路越来越宽,相关硬件市场拥有广...

万物互联时代,似乎没有什么事物是可以孤立存在的。人员、技术、设备之间的联系从单一变为多样,也是万物互....
发表于 2020-04-28 17:28 458次阅读
窄带物联网应用推广路越来越宽,相关硬件市场拥有广...

窄带物联网为何路越来越宽

要加快形成以NB-IoT、4G、5G等技术梯次承接各类物联网连接的发展格局。
发表于 2020-04-28 17:15 216次阅读
窄带物联网为何路越来越宽

物联网等技术如何护卫安全生产

物联网能够将人与物、物与物进行连接,凭借在数据信息采集、传递、联通上的优势,其能成为生产过程中的预警....
发表于 2020-04-28 17:09 148次阅读
物联网等技术如何护卫安全生产

用中国芯点亮未来,2020中国芯应用创新设计大赛...

疫情影响,让我们无法在线下相会;技术创新,让我们可以云端交流。数字基建的加速推进,将带来更多创新项目....
发表于 2020-04-28 16:53 1393次阅读
用中国芯点亮未来,2020中国芯应用创新设计大赛...

纽迪瑞正全力以赴、迎接物联网智能硬件浪潮下的新机...

李灏博士表示:“点击、按压、滑动、握持,这些压感触控操作是人类最本能的交互方式之一。纽迪瑞从‘压力’....
发表于 2020-04-28 16:44 309次阅读
纽迪瑞正全力以赴、迎接物联网智能硬件浪潮下的新机...

物联网可能会引起下一次的工业革命吗

随着物联网推动下一次工业革命,管理人员可以开始告别停机。
发表于 2020-04-28 16:39 153次阅读
物联网可能会引起下一次的工业革命吗

边缘计算有望在今年取得重大发展,创建功能更强大的...

边缘计算正在兴起。您是否已为这种分析驱动的未来愿景的曙光做好准备,该愿景结合了AI和网络方面的先进技....
发表于 2020-04-28 15:48 214次阅读
边缘计算有望在今年取得重大发展,创建功能更强大的...

Cat 1成为物联网产业的新晋网红,瞄准下一个亿...

今年,被“冷落”在蜂窝物联网家族某个角落的Cat 1突然蹿升,成为物联网产业的新晋网红。运营商、芯片....
发表于 2020-04-28 14:52 333次阅读
Cat 1成为物联网产业的新晋网红,瞄准下一个亿...

阿里云容器服务如何使用

阿里云容器服务使用教程
发表于 2020-04-28 14:46 32次阅读
阿里云容器服务如何使用

如何在阿里云的 IoT Studio页面的公开的...

前言 前面的文章里,我们介绍了如何在阿里云物联网平台上添加LoRa节点设备,并让LoRa节点设备在阿....
发表于 2020-04-28 14:35 77次阅读
如何在阿里云的 IoT Studio页面的公开的...

互联网企业如何玩转物联网技术

迫在眉睫的是基于在万物互联基础下IOT的未来新世界:万物互联的时代已经来临,而人类还困在电脑和手机的....
发表于 2020-04-28 11:57 171次阅读
互联网企业如何玩转物联网技术

物联网真的可以让我们的生活更好吗

物联网技术技术目前似乎已经势不可挡。其能够帮助我们订购商品,分析数据甚至于打造智慧城市。
发表于 2020-04-28 11:51 739次阅读
物联网真的可以让我们的生活更好吗

机器学习对于物联网存在什么意义

几乎没有什么像机器学习那样能够推动物联网大幅增长,无论是激发人类的创造力,超越人类的效率,还是为更新....
发表于 2020-04-28 11:47 170次阅读
机器学习对于物联网存在什么意义

智慧工地怎样做到数字化转型

智慧工地管理平台,作为工地管理的中枢系统,是利用物联网、云计算、大数据、人工智能等新一代信息技能,实....
发表于 2020-04-28 11:42 134次阅读
智慧工地怎样做到数字化转型

物联网中设备能耗怎样管理比较合适

IoT设备使用一个或多个传感器来获取与环境相关的信息。
发表于 2020-04-28 11:20 118次阅读
物联网中设备能耗怎样管理比较合适

物联网安全计划要注意哪一些事情

为了使物联网(IoT)实施成功,网络和安全人员需要创建包括三件事的物联网安全路线图。
发表于 2020-04-28 11:15 91次阅读
物联网安全计划要注意哪一些事情

物联网安全的防御条款是什么样子的

如今物联网技术高速发展,各形态物联网设备层出不穷,从无人机到智能交换机,甚至到供热通风与空气调节系统....
发表于 2020-04-28 11:10 89次阅读
物联网安全的防御条款是什么样子的

物联网试点炼狱如何避免出现

物联网不再是一个新概念。就在几年前,人们还在试图弄清楚如何定义物联网,但现在人们正专注于如何投资于物....
发表于 2020-04-28 11:07 67次阅读
物联网试点炼狱如何避免出现

智能建筑不配拥有名字?

物联网触发了人们对智能家居、智能商业建筑和智慧城市的憧憬,从务实的角度来说,这些均是可期的。
发表于 2020-04-28 11:04 50次阅读
智能建筑不配拥有名字?

15年内兆级传感器时代即将来临

    近来在工程领域中的热门话题之一就是“物联网”(IoT)。基本上,物联网的实现将与感测器新技术与应用的...
发表于 2020-04-28 06:47 81次阅读
15年内兆级传感器时代即将来临

【小熊派IOT开发板试用连载】之三 基础试验操作GPIO点点亮路灯,IIC操作

   小熊派采用BH1750FVI环境光强度传感器集成电路,16位数字输出,是一种用于两线式串行总线接口的数...
发表于 2020-04-26 22:27 634次阅读
【小熊派IOT开发板试用连载】之三 基础试验操作GPIO点点亮路灯,IIC操作

怎样测量物联网设备的电流

怎样测量物联网设备的电流?功率管理是物联网设计中最为关注的问题,精确测量电流便是其中尤为重要的一项。因为与物联...
发表于 2020-04-26 16:50 711次阅读
怎样测量物联网设备的电流

智慧消防物联网智慧用电APP专业开发公司

欢迎致电:杨经理153.1555.4502微)山东帝云信息科技有限公司(简称 帝云科技),前身是济南倾城信息技术有限公司,是行...
发表于 2020-04-24 16:14 149次阅读
智慧消防物联网智慧用电APP专业开发公司

基于现有eSIM技术已实现全网切换

eSIM发展中将实现三个特征:插拔式SIM卡形态转变为嵌入式、SIM卡具备可重复编程及空中写卡(OTA)功能、不...
发表于 2020-04-24 15:02 157次阅读
基于现有eSIM技术已实现全网切换

传感器最主要应用市场之一——物联网

    近年来随着物联网、智能手机、汽车电子、医疗电子等产业的快速发展,对陀螺仪、加速度传感器、MEMS...
发表于 2020-04-23 06:34 131次阅读
传感器最主要应用市场之一——物联网