概述
本案例介绍如何使用物联网应用开发（IoT Studio）平台的Web可视化开发功能开发一个可展示和控制家居用品开关状态（例如灯、...步骤二：搭建开关状态监控应用。步骤三：发布。icmsDocProps={'productMethod':'created','language':'zh-CN',};
什么是Web可视化开发
Web应用开发步骤，请参见：步骤一：在项目中创建开关遥控器产品 步骤二：搭建开关状态监控应用 开发过Web应用组件的说明和配置，请参见 组件。步骤三：发布 应用发布后，可进行的后续操作，请参见：批量绑定设备 域名管理 账号鉴权 Token...
步骤三：发布
前提条件 步骤二：搭建开关状态监控应用。操作步骤 单击编辑器页面上方的 发布。在 发布应用 中，输入当前版本信息，单击 确定。应用发布成功。应用发布成功后，您可根据需要选择 绑定域名、设置Token，可将应用嵌入其他网站 或 修改已发布...
步骤一：在项目中创建开关遥控器产品
物联网应用开发（IoT Studio）的Web可视化开发功能依赖于项目，开发Web应用前需要先创建项目，并接入所需产品和设备。创建项目 登录 物联网应用开发控制台，在页面左上角选择对应实例后，在左侧导航...后续步骤 步骤二：搭建开关状态监控应用
蓝牙设备属性表
电热毯：左边区域开关 第三开关 0x0125 uint8 Third_OnOff 特殊品类的第二功能开关，电暖气：低温管开关；电热毯：右边区域开关 第二档位 0x0128 uint8 Secondary_Level-特殊品类的第二功能档位，电暖气：高温管档位；电热毯：左边区域档位...
路径动画模型
扫光动画 打开开关，设置扫光动画样式；关闭开关，无法设置扫光动画样式。锋面类型：设置扫光动画的锋面类型，包括平面类型和曲面类型。扫描轴向：当锋面类型选择 平面 时，扫描轴向包括X、Y和Z轴。正负方向：设置扫光动画的正负方向，包括...
路径动画模型
扫光动画 打开开关，设置扫光动画样式；关闭开关，无法设置扫光动画样式。锋面类型：设置扫光动画的锋面类型，包括平面类型和曲面类型。扫描轴向：当锋面类型选择 平面 时，扫描轴向包括X、Y和Z轴。正负方向：设置扫光动画的正负方向，包括...
模型加载器
扫光动画 打开开关，设置扫光动画样式。锋面类型：设置扫光动画的锋面类型，包括平面类型和曲面类型。扫描轴向：当锋面类型选择 平面 时，扫描轴向包括X、Y和Z轴。正负方向：设置扫光动画的正负方向，包括正方向和负方向。颜色：设置扫光...
模型加载器
扫光动画 打开开关，设置扫光动画样式。锋面类型：设置扫光动画的锋面类型，包括平面类型和曲面类型。扫描轴向：当锋面类型选择 平面 时，扫描轴向包括X、Y和Z轴。正负方向：设置扫光动画的正负方向，包括正方向和负方向。颜色：设置扫光...
扫光层
深度检测 打开开关，组件会判断扫光层与其他三维物体相对相机的前后位置，开启深度检测会得到三维场景中正确的物体前后遮挡效果；关闭开关，不判断前后位置关系，减少计算性能开销。扫光长度 拖动滑块，调整扫光动画的范围长度值，取值范围...
管理挂载点
当文件系统在支持IPv6的地域且VPC网络和交换机符合IPv6规则时，开启IPv6 开关生效。关于搭建IPv6专有网络的具体操作，请参见 搭建IPv6专有网络。配置完成后，单击 确定。开放端口 挂载点创建完成后，将开放如下端口用于访问NFS服务和SMB...
平行光
辅助体 打开开关，显示平行光辅助体样式；关闭开关，隐藏平行光辅助体样式。数据 此图层不需要配置数据。蓝图编辑器交互配置 在当前场景编辑器页面，单击左侧图层列表中 平行光 右侧的 图标。单击页面左上角的 图标。在蓝图编辑器配置页面...
平行光
辅助体 打开开关，显示平行光辅助体样式；关闭开关，隐藏平行光辅助体样式。数据面板 此图层不需要配置数据。蓝图交互 在当前场景编辑器页面，单击左侧图层列表中 平行光 右侧的 图标。单击页面左上角的 图标。在蓝图编辑器配置页面，单击...
平行光
辅助体 打开开关，显示平行光辅助体样式；关闭开关，隐藏平行光辅助体样式。数据 此图层不需要配置数据。蓝图编辑器交互配置 在当前场景编辑器页面，单击左侧图层列表中 平行光 右侧的 图标。单击页面左上角的 图标。在蓝图编辑器配置页面...
条形图
扫光动画：设置当前图表的扫光动画样式，单击 图标控制扫光动画的显隐。重要 当前动画开启后将导致 选中态 等交互功能失效。高光样式：设置扫光动画的高光高度和高光强度。动效：设置扫光动画的动画时长和间隔时间，单位为ms。交互：条形图...
柱状图
扫光动画：设置当前图表的扫光动画样式，单击 图标控制扫光动画的显隐。重要 当前动画开启后将导致 选中态 等交互功能失效。高光样式：设置扫光动画的高光高度和高光强度。动效：设置扫光动画的动画时长和间隔时间，单位为ms。交互：柱状图...
分类玫瑰图
参数 说明 动画开关 打开开关，可配置扇形的动画效果。动画效果 动画的效果类型，系统提供多种常见的动画效果供您选择，包括 水平生长、垂直生长、划动进入 和 缩放渐入，仅在打开动画开关后可配置。动画时长 组件动画效果的持续时间，单位...
玉珏图
扫光动画：设置当前图表的扫光动画样式，单击 图标控制扫光动画的显隐。重要 当前动画开启后将导致 选中态 等交互功能失效。高光样式：设置扫光动画的高光高度和高光强度。动效：设置扫光动画的动画时长和间隔时间，单位为ms。交互：玉珏图...
旭日图
参数 说明 动画开关 打开开关，可配置旭日图的动画效果。动画效果 动画的效果类型，系统提供多种常见的动画效果供您选择，包括 水平生长、垂直生长、缩放渐入 和 划动进入，仅在打开动画开关后可配置。动画时长 组件动画效果的持续时间，...
饼图
参数 说明 动画开关 打开开关，可配置饼图的动画效果。动画效果 动画的效果类型，系统提供多种常见的动画效果供您选择，包括 水平生长、垂直生长、划动进入、缩放渐入 和 渐隐渐现，仅在打开动画开关后可配置。动画时长 组件动画效果的持续...
百分比柱状图
扫光动画：设置当前图表的扫光动画样式，单击 图标控制扫光动画的显隐。重要 当前动画开启后将导致 选中态 等交互功能失效。高光样式：设置扫光动画的高光高度和高光强度。动效：设置扫光动画的动画时长和间隔时间，单位为ms。交互：柱状图...
百分比条形图
扫光动画：设置当前图表的扫光动画样式，单击 图标控制扫光动画的显隐。重要 当前动画开启后将导致 选中态 等交互功能失效。高光样式：设置扫光动画的高光高度和高光强度。动效：设置扫光动画的动画时长和间隔时间，单位为ms。交互：百分比...
区间柱状图
扫光动画：设置当前图表的扫光动画样式，单击 图标控制扫光动画的显隐。重要 当前动画开启后将导致 选中态 等交互功能失效。高光样式：设置扫光动画的高光高度和高光强度。动效：设置扫光动画的动画时长和间隔时间，单位为ms。交互：区间...
地图组件
扫光动画 单击左侧的 图标，打开开关，即可配置模型额外叠加扫光动画效果，多种扫光配置项更能定制呈现酷炫效果。锋面类型：可选 平面 和 曲面 两种类型。扫描轴向：选择一个扫光动画扫描的轴方向，可选 X轴、Y轴 和 Z轴。正负方向：选择...
模型查看器
扫光动画 单击左侧的 图标，打开开关，即可配置模型额外叠加扫光动画效果，多种扫光配置项更能定制呈现酷炫效果。锋面类型：可选 平面 和 曲面 两种类型。扫描轴向：选择一个扫光动画扫描的轴方向，可选 X轴、Y轴 和 Z轴。正负方向：选择...
模型查看器
扫光动画 单击左侧的 图标，打开开关，即可配置模型额外叠加扫光动画效果，多种扫光配置项更能定制呈现酷炫效果。锋面类型：可选 平面 和 曲面 两种类型。扫描轴向：选择一个扫光动画扫描的轴方向，可选 X轴、Y轴 和 Z轴。正负方向：选择...
场景配置项说明
参数 说明 开关 打开开关，显示球体样式配置；关闭开关，关闭球体样式配置。球体细分 设置决定地球表面（地形）几何计算误差的精度样式，可选 性能模式、质量模式 和 平衡模式 三种，其中选择 性能模式 开销最小，但计算结果质量最差，质量...
场景配置项说明
参数 说明 开关 打开开关，显示球体样式配置；关闭开关，关闭球体样式配置。球体细分 设置决定地球表面（地形）几何计算误差的精度样式，可选 性能模式、质量模式 和 平衡模式 三种，其中选择 性能模式 开销最小，但计算结果质量最差，质量...
场景配置项说明
参数 说明 开关 打开开关，显示球体样式配置；关闭开关，关闭球体样式配置。球体细分 设置决定地球表面（地形）几何计算误差的精度样式，可选 性能模式、质量模式 和 平衡模式 三种，其中选择 性能模式 开销最小，但计算结果质量最差，质量...
场景配置项说明
参数 说明 球体开关 打开开关，显示球体样式配置；关闭开关，关闭球体样式配置。球体细分 设置决定地球表面（地形）几何计算误差的精度样式，可选 性能模式、质量模式 和 平衡模式 三种，其中选择 性能模式 开销最小，但计算结果质量最差，...
宜搭
钉钉宜搭是阿里巴巴公司出品的一个低代码平台产品，可让企业业务人员通过简单的拖拽、配置即可完成业务应用的搭建。旨在为广大中小企业提供一套低成本的企业应用搭建服务。同时借助阿里云的安全和云底座能力，帮助企业快速实现业务上云和...
DataV数据可视化
DataV是一款数据可视化应用搭建工具，以丰富的图表组件和二三维时空地理组件为特色，具有强大的低代码可视化搭建编排能力，可高效、低成本地完成各类数据可视化看板的搭建。它拥有丰富的官方设计模板库和AI设计功能，让设计工作变得轻松。...
智能开放搜索 OpenSearch
智能开放搜索 OpenSearch是基于阿里巴巴自主研发的大规模分布式搜索引擎搭建的一站式智能搜索业务开发平台，目前为包括淘宝、天猫在内的阿里集团核心业务提供搜索服务支持。通过内置各行业的查询语义理解、机器学习排序算法等能力，提供...
搭建场景
创建场景完成后，您可根据业务模型搭建3D业务场景，展示孪生模型中的实时数据、状态及告警信息等。本文介绍搭建场景的具体操作。前提条件 已完成创建场景。具体操作，请参见 创建场景。添加模型 在场景编辑工作台的顶部操作栏，默认选中 ...
搭建Landing Zone
管理防护规则 查看搭建Landing Zone时配置的防护规则详情、查看资源合规结果、打开或关闭推荐规则和可选规则的开关等。更多信息，请参见 统一配置防护规则。统一投递审计日志 将资源目录中所有成员的操作审计日志和配置审计日志统一投递到...
搭建Landing Zone
管理防护规则 查看搭建Landing Zone时配置的防护规则详情、查看资源合规结果、打开或关闭推荐规则和可选规则的开关等。更多信息，请参见 统一配置防护规则。统一投递审计日志 将资源目录中所有成员的操作审计日志和配置审计日志统一投递到...
精模
扫光动画 精模的扫光动画样式，可单击 图标控制扫光动画样式的显隐。锋面类型：扫光锋面的类型，可选 平面 和 曲面。扫描轴向：扫光动画的扫描轴方向，可选 X轴、Y轴 和 Z轴。正负方向：扫光动画的方向，可选择 正向 或 负向。颜色：扫光...
步骤二：搭建开关状态监控应用
根据各组件对应的功能定义，分别选中开关组件，修改绑定的设备属性为：次卧灯开关、客厅灯开关、主卧窗帘开关、次卧窗帘开关、客厅窗帘开关。为窗帘开关组件替换对应状态的图片。单击编辑器上方 保存 按钮，保存设置。鼠标指针移动到编辑器...
精模
扫光动画 精模的扫光动画样式，可单击 图标控制扫光动画样式的显隐。锋面类型：扫光锋面的类型，可选 平面 和 曲面。扫描轴向：扫光动画的扫描轴方向，可选 X轴、Y轴 和 Z轴。正负方向：扫光动画的方向，可选择 正向 或 负向。颜色：扫光...
产品简介
智能搭建（Mobile Pages Building Service，简称 MBS）是一款互联网应用页面的快速搭建工具，无需研发投入开发，零代码快速搭建页面。MBS 实现了可视化、标准化、组件化的搭建方式，提供丰富的基础组件和多个预置业务组件，同时支持使用...
- 产品推荐
- 这些文档可能帮助您