检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。 getConnectorInstanceByName 通过{widget}.editr.js文件中配置的Connector名称，获取Connector实例，用于向Connector请求数据。
参考创建大屏&PC端项目中操作，创建一个项目。 项目创建后，参考使用空白画布新建页面中操作，新建一个空白页面。 进入开发页面，从“全部组件 > 图表”中，拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件，单击组件上方的，进入数据设置页面。 “数据类型”选择“桥接器预置”，在选择桥接器中即可选择到自定义桥接器中自定义的桥接器。
页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。 上传封面：单击“上传封面”，从本地上传图片作为项目的封面。建议使用596*328尺寸的图片。 默认封面：使用系统提供的默认封面，作为当前项目的封面。 父主题： 项目管理
i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
按钮 按钮组件通常与其他组件配合使用， 用于展示链接页面或提示信息等。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。
escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义，获取转义后的字符串供页面显示用，使用方式参考如下： /* * @param {*} text */ SafeUtils
widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。 height：在绝对布局高级页面中，添加该组件时的默认高度，单位为“px”，不填写默认为“200px”。
getUrlParam 用于获取查询字符串中的参数。 getLocalStorage 用于获取某个localStorage的值。 setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值，使用方式参考如下： /*
ame的取值改变而改变。 图8 设置全局变量后效果 单击“确定”后，单击“完成”，返回开发页面。 单击页面上方的，保存页面。 保存成功后单击，参考发布页面中操作，发布页面。 打开发布的页面网址，查看最终设置效果。 图9 查看最终设置效果 父主题： 自定义组件说明
该大屏页面，也可以根据业务需求进行二次开发。 图12 大屏开发页面 单击页面上方的，完成大屏页面的创建。 步骤五：预览并发布大屏页面 在AstroCanvas中开发大屏页面时，支持直接在线预览效果，确保开发编辑效果与发布后运行效果一致。预览效果符合预期后，可直接发布大屏页面，并在线查看城市交通状况。
按照项目限制：项目中页面首次完成验证后，其余页面无需二次验证。例如，页面A、B、C设置了Token认证，页面D、E、F设置了分享码。勾选按照项目限制时，校验过页面A的Token认证后，不会再校验页面B和C。校验了页面D的分享码后，同样不会再校验页面E和F。 按照页面限制：项目遵循各页面访问限制。
目后，页面中原先设置的分享码会被置空，请按照如下操作重新设置。 在项目列表中，单击已导入的项目，进入项目详情页。 单击待访问页面后的，为页面设置分享码。 图22 为页面设置分享码 输入分享码，单击，保存设置。 图23 输入分享码 单击，复制页面URL地址。 图24 获取页面URL
添加“切换分页时”交互动作。 图3 切换分页时交互动作 添加“切换当前页数据条数时”交互动作。 图4 切换当前页数据条数时交互动作 设置组件数据。 选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量
ID、主页、环境类型等参数。 图3 OneMobile 应用ID：小程序AppID，请登录小程序管理后台获取。 主页：选择一个发布的页面作为首页，即打开小程序时，显示的默认页面。 环境类型：承载应用程序服务的环境类型，支持开发环境、生产环境、沙箱环境和不依赖。 开发环境：开发者专
将鼠标放在对应的桥接器上，单击，获取锁。 锁定后，单击，进入更新桥接器页面。 图4 进入更新桥接器页面 在桥接器更新页面，上传新的桥接器、设置桥接器参数，单击“更新”。 图5 设置桥接器信息 将鼠标放在对应的桥接器上，单击，可查看到桥接器的新版本。 ：单击该图标，可下载当前版本桥接器。 ：单击该图标，可在线编辑该版本桥接器。
Profile）的用户。 客户端密码：调用AstroZero的接口前，需要配置“客户端模式”OAuth鉴权的客户端鉴权密钥，获取方法请参考客户端模式接入认证。 描述：新建数据源的描述信息。 单击“连接测试”，显示“连接成功”，表示数据源可以调通。 单击“保存”，完成数据源的创建。 父主题： 数据源管理
在左侧导航栏中，单击“我的组件”。 将鼠标放在对应的组件上，单击，获取锁。 将鼠标放在对应的组件上，单击，进入更新组件页面。 图7 进入更新组件页面 在组件更新页面，上传新的组件、设置组件参数，单击“更新”。 图8 设置组件信息 将鼠标放在对应的组件上，单击，可查看到新版本的组件（如1.0
项目锁是一个全局锁，页面锁是局部锁。项目被锁定后，项目中的所有页面均无法编辑。 为项目设置锁 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 在页面右上角，选择“编辑项目”。
桥接器预置 通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击组件上方的。 图1 单击数据 在数据类型中，选择“桥接器预置”，并选中所需的桥接器。
作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。 页面级：资源应用于哪些页面。 页面作用域：选择资源所应用的页面。 开发界面下不加载：是否在开发页面时加载资源，请在确认不影响开发页面中的功能后，再打开，以减少开发时的资源加载。 设置后，再次进入项目时，设置才会生效。 单
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
