ASTRO大屏应用 ASTROCANVAS-使用AstroCanvas预置模板搭建交通管理大屏:步骤五:预览并发布大屏页面
步骤五:预览并发布大屏页面
在AstroCanvas中开发大屏页面时,支持直接在线预览效果,确保开发编辑效果与发布后运行效果一致。预览效果符合预期后,可直接发布大屏页面,并在线查看城市交通状况。
- 在已创建的大屏页面中,单击页面上方的,预览页面效果。
如果预览效果不符合预期,可进行微调,直至符合预期。
- 单击,打开“发布链接”开关,获取页面访问地址。
图13 打开发布链接
单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。
- 设置访问限制。
如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。
图14 分享码设置
- 分享码设置:设置页面分享码后,只能通过分享码来访问页面,提高安全性。
- 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。
- 设置内容安全策略:大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。
- 设置完成后,在浏览器中打开发布链接地址,输入分享码后,单击,即可在线查看城市交通状态。
图15 输入分享码