检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击页面上方的，进行页面发布设置。 发布链接：单击发布链接后的图标，将显示页面地址，单击该地址进入发布页。 如果是新建项目，需要为发布链接设置访问限制，即“分享码访问”或“Token认证”必须设置其中一个，否则链接在运行态无法正常访问。 图2 获取发布链接（已有项目） 图3 获取发布链接（新建项目） 单
生成测试Key 其中，“服务器机器码”请配置为2中获取的内容，服务器名称请根据实际情况进行配置。 返回本地部署信息页面，单击服务器机器码后的，下载测试Key文件（runtime.key）。 图12 下载测试Key文件 将获取的测试Key，上传到本地服务器的“/home/canva
数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 域名：AstroZero环境的域名，需要携带“https://”。 客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID，获取方法请参考客户端模式接入认证。
参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“组件”。 单击“本地调试设置”，进行本地调试设置。 在本地开发组件后，频繁地打包组件包上传至公共环境再查看页面显示效果，是一件效率极低的事情。通过该配置，可打通本地环境与公共环境，实现实时在线调测组件。 单击“检查更新”，检查组件
统预置的数据，单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作： 单击“文件导入”，可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件，且文件大小不能超过100KB。 执行导入操
在所有页面中，单击待下载的页面。 单击“编辑页面”，进入大屏开发页面。 在页面上方工具栏中，单击，即可将当前页面下载到本地。 下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题： 页面管理
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
访问项目 操作场景 访问已发布项目版本的第一个页面。访问前，请先新建项目版本并发布该项目版本。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击对应项目上的。 在项目发布中，单击待发布版本后的，设置该版本为当前发布版本。 如
打开发布链接 在访问限制中，配置内容安全策略。 例如，将A市交通管理大屏嵌入第三方系统，如图3所示。 图3 安全策略设置样例 其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图4。
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在AstroCanvas中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于域名分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。
在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。 上传封面：单击“上传封面”，从本地上传图片作为项目的封面。建议使用596*328尺寸的图片。 默认封
无身份验证：不需要任何验证信息，直接调用接口，通常用于访问一些公开的接口。 AK/SK：通过访问密钥进行接口鉴权。访问密钥即AK/SK（Access Key ID/Secret Access Key），是您访问系统的身份凭证，系统通过AK识别访问用户的身份，通过SK进行签名验证，通过加密签名验证可以确保请求的机密性、完整性和请求者身份的正确性。
源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 数据库类型：数据库支持的类型，按需选择。 域名：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 架构名称：MS SQL Server数据库的架构名称。当“数据库类型”配置为“MS
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类
通过参数控制响应动作 操作场景 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 操作步骤 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
移动页面 操作场景 通过移动页面，将页面移动到其他文件夹中，便于页面集中管理。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在对应的页面上，单击，选择“移动”。 选择目标文件夹，单击“确定”。
如果是新建项目，需要为发布链接设置访问限制，即“分享码访问”或“Token认证”必须设置其中一个，否则链接在运行态无法正常访问。 图1 获取发布链接（已有项目） 图2 获取发布链接（新建项目） 单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 版本管理：只能查看页面的版本和编辑版本的描述信息。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
