# 使用模板新建页面
#### 操作场景
华为云Astro大屏应用中预置了一些可复用的页面样例作为模板，通过模板创建新的页面，可充分利用已有资源，减少重复开发，提高交付效率。
- 系统预置：华为云Astro大屏应用中预置的页面模板，涵盖综合态势、资产统计、设备管理和环境态势等典型场景。
- 自定义模板：当前账号下发布的模板，如何将当前页面发布为模板，请参见[发布为模板](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6043.html)。
**如果安装的是安全云脑类大屏，进入大屏页面后，您还需要根据实际情况设置全局变量和数据源等信息，如[图2]、[图3]。**
图1输入项目名称和页面标题   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002188438577.png "点击放大")
图2配置全局变量   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002153121420.png "点击放大")
图3设置数据源信息   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002188520249.png "点击放大")
#### 通过模板新建页面
1. 参考[登录华为云Astro大屏应用界面](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6008.html)中操作，登录华为云Astro大屏应用界面。
2. 在项目列表中，单击已创建项目的名称，进入对应的项目页面。
3. 在项目页面，单击"新建页面"。
4. 在新建页面的预置模板、未上线模板或自定义模板中，单击对应的模板。 
   例如，单击预置模板中的"问题分析"。
   
   
5. 在模板预览页面，单击"使用此模板"。 
   图4选择模板创建页面   
   ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158306281.png "点击放大")
   
   
6. 输入页面标题，单击"新建"，即可完成页面的创建。 
   您可以直接使用该页面，也可以根据自身业务的需求进行二次开发。
   
   
7. 单击页面上方的![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123286424.png)，保存页面。
8. 单击页面上方的![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158647057.png)，预览应用页面。
   
   如果页面预览效果和预期效果不一致，可再次返回开发页面进行调整。
   
   
9. 单击页面上方的发布图标，进行页面发布设置。 
   - 发布链接：单击发布链接后的图标，将显示页面地址，单击该地址进入发布页。
     **如果是新建项目，需要为发布链接设置访问限制，即"分享码访问"或"Token认证"必须设置其中一个，否则链接在运行态无法正常访问。**
     图5获取发布链接（已有项目）   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002132959840.png "点击放大")
     图6获取发布链接（新建项目）   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123027052.png "点击放大")
     单击![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002132962848.png)，可生成新的链接，原链接将不可访问。单击![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002146413905.png)，可复制该链接。
     
   
   - 版本管理：通过管理页面版本，设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。更多介绍，请参见[管理页面版本](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6044.html)。
     图7版本管理   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158306781.png "点击放大") 
   
   - 分享码设置：设置页面分享码和分享码有效期，设置后，只能通过分享码来访问页面，提高安全性。更多介绍，请参见[如何设置分享码](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6179.html)。
     图8分享码设置   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158425209.png "点击放大")
     - 分享码必须符合如下五个条件。
       - 长度为8\~32位，仅包含英文字母、数字、特殊字符。
       
       - 至少包含一个英文小写字母（a-z）。
       
       - 至少包含一个英文大写字母（A-Z）。
       
       - 至少包含一个数字（0-9）。
       
       - 至少包含一个特殊字符（\~!@#$%\^\&\*()_=+\\\|\[\]{};:'",\<.\>/?-）
        
     
     - ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002110977254.png)：单击该图标，可查看设置的分享码。
     
     - 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。
      
   
   - 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见[如何设置Token认证](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7036.html)。
     图9设置Token认证信息   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158425177.png "点击放大")
     - ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002146413905.png)：打开Token认证开关后，华为云Astro大屏应用会生成一个Token。单击该图标，可复制Token。
     
     - 签名地址只允许打开一次：开启后，签名地址仅允许在当前浏览器中使用。关闭浏览器后，再次访问时需要重新获取签名地址。如果不开启，不限制访问次数，但支持设置有效期。
     
     - 有效期设置：设置Token认证有效期。如果不设置有效期，Token认证将永久有效。
      
   
   - 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。如何设置内容安全策略，请参见[如何设置内容安全策略](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_1613.html)。
     图10设置内容安全策略   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158306785.png "点击放大")
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/public_sys-resources/note_3.0-zh-cn.png)
     - 开启"内容安全策略"时，如果在浏览器无痕模式下预览页面，请确保"阻止第三方Cookie"已关闭，否则无法正常预览页面。
     
     - 配置内容安全策略前，必须开启"分享码访问"或者"Token 认证"中的一个，否则无法正常访问网页。
      
     图11关闭阻止第三方Cookie   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158425173.png "点击放大")