检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何使用WebSocket 使用说明 开发高级页面时,如果需要消息主动推送、高实时数据展示,您需要使用WebSocket来实现后台数据调用。 WebSocket是一种HTML5提供的网络传输协议。WebSocket协议支持Web浏览器,使得客户端和服务端之间可以创建长久连接并进行
台采集告警数据,通过服务编排触发告警事件,并将告警信息通过WebSocket推送至前端高级页面显示。 图1 WebSocket调用示例 WebSocket是一种HTML5提供的网络传输协议。WebSocket协议支持Web浏览器,使得客户端和服务端之间可以创建长久连接并进行双向数
或整个前台页面,本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试,AstroZero提供Scaffolding脚手架工具,可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题,可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法
isplayWidget组件详情页进行相应的切换展示。 通过在线编辑器完善组件。 测试结果基本满足预期,但是由于图片尺寸不同,有些图片未能完全展示,还需优化。本例中向您介绍AstroZero平台提供的,在线组件开发工具。 单击组件详情页中的“编辑”,在跳转到的“组件编辑”页面进行
图1 设置视图 视图类型 电脑端 + 手机端:支持在Web和Mobile设备上显示,可通过设置“default”来设置该站点默认显示视图。 电脑端:只支持在Web设备上显示。 手机端:只支持在Mobile设备上显示。 视图属性 宽度:该视图下站点的显示宽度。 高度:该视图下站点的显示高度。
选择新建字段所属的类型。 文本 按照上述操作,为对象添加webLink和webId字段。 表3 添加webLink和webId字段 显示名称 唯一标识 字段类型 webLink webLink 文本区 webId webId 文本 在“数据”页签,单击“添加”,为对象添加图4中数据。
运行容器:支持华为OneMobile、蓝标WeLink和Web容器中运行。请根据需要选择容器下载前端运行包。目前在Web容器中运行,只支持高级页面。 应用ID:小程序AppID,请登录小程序管理后台获取。 主页:打开小程序时,要展示的首页。 视图:运行到Web容器时,高级页面分为电脑端和移动端两个视图,选择需要下载的视图。
遇到的样式或功能问题,可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中,常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例,简单介绍浏览器开发者工具中常用的调测方法。在Chrome浏览器中,按下“F12”或者“Ctrl
在线开发AstroZero高级页面自定义组件 操作场景 当AstroZero低代码平台提供的预置高级组件无法满足您的开发需求时,开发者可以自定义组件包,并上传到AstroZero中。自定义组件包上传到AstroZero中后,可在高级页面中使用。自定义组件的开发流程如下: 下载组件模板
oZero中开发的应用快速发布到WeLink中,实现企业业务的高效率、低成本创新。 发布WeLink轻应用是将已开发好的应用或全新开发的Web页面发布到WeLink,用户在WeLink APP中即可打开应用。发布WeLink轻应用适用于简单的应用场景。下面以创建“调查问卷轻应用”
提交数据,并收集数据的工具。一个应用中,可以创建一个或多个表单,一个表单管理一类数据,多个表单共同组成了一个应用。 在AstroZero零代码平台中,数据的收集和录入都需要对应的工作表。例如,组织问卷调查、预订会议室、填写财务报销、订餐、健康防疫打卡、在线投票等,都可以通过表单来实现。
AstroZero低代码使用流程 AstroZero低代码平台实现了一种全新的开发方式。通过平台提供的界面、逻辑、对象等可视化编排工具,以“拖、拉、拽”的方式来快速构建应用,从而实现所见即所得的应用开发构建体验。在使用AstroZero前,建议您先学习本章节内容,了解AstroZero的使用流程。
图文展示 图文展示组件是系统提供的富文本呈现功能Web组件。 在表单开发页面,从“通用组件”中,拖拽“图文展示”组件至表单设计区域,如图1。 图1 图文展示 显示名称:页面标题内容,可以设置为中文,也可以设置为英文。 内容:单击“编辑”,可设置富文本内容。 背景颜色:设置富文本的背景颜色。
视频播放 视频播放组件用于播放视频,支持MP4、OGV和WebM格式。 在标准页面设计界面,从“基本组件 > 高级”中,拖拽“视频播放”组件至页面工作区域,如图1。 图1 视频播放 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:
设置AstroZero标准页面视频播放组件属性 在标准页面中,使用视频组件来进行视频播放,支持播放的视频格式有MP4、OGV和WebM。 图1 视频播放 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vu
者查看。 检查页面性能 打开要进行性能检查的高级页面,在浏览器开发者工具中,勾选“Disable cache”属性。 在Chrome浏览器中,按下“F12”或者“Ctrl + Shift + I”,开启开发者工具。 在“Network”页签,勾选“Disable cache”属性(即禁用缓存)。
置的客户端证书,证书需要向第三方服务申请。目前Rest服务支持配置P12和CRT格式的证书,其他格式需要通过keytool或openssl工具转换。 操作步骤 参考登录经典应用设计器中操作,登录经典版应用设计器。 在左侧列表中,单击,选择“HTTP > Rest服务”。 在新建或修改Rest服务时,设置鉴权信息。
数据,并收集数据的工具,如图2。一个应用中,可以创建一个或多个表单,一个表单管理一类数据,多个表单共同组成了一个应用。 在AstroZero零代码平台中,数据的收集和录入都需要对应的工作表。例如,组织问卷调查、预订会议室、填写财务报销、订餐、健康防疫打卡、在线投票等,都可以通过表单来实现。
管理应用中的决策表 决策表是分析和表达多逻辑条件下,执行不同操作情况的工具。在AstroZero环境配置中,可管理当前账号下所有的决策表,包括查看、启用、禁用决策表。 约束与限制 在AstroZero沙箱环境和生产环境,才会显示此菜单。在沙箱环境和生产环境中,操作完全相同,本章节以在生产环境中操作为例。
调整组件上下、左右的排布次序示例 流式布局类型高级页面,在高级页面工具栏中新增悬浮模式,开启此模式后拖入的组件不再按照从上到下、从左到右的顺序依次排列,可以设置其相对位置。 图12 悬浮模式示例 上图中标注说明如下: 标注1:在高级页面工具栏中开启悬浮模式。 标注2:拖入新组件。 标注3:悬浮模式下,组件相对位置设置选项。