# 使用空白画布新建页面
从零开始，通过拖拽组件、设置页面布局、数据源等，构建华为云Astro大屏应用大屏页面\&PC端页面。创建移动端页面操作和大屏\&PC端页面相同，本章节以创建大屏\&PC端页面为例进行介绍。
#### 新建空白页面
1. 参考[登录华为云Astro大屏应用界面](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6008.html)中操作，登录华为云Astro大屏应用界面。
2. 在项目列表中，单击已创建项目的名称，进入对应的项目页面。
3. 在项目页面，单击"新建页面"。
4. 在新建页面中，单击"新建空白页面"。
5. 输入页面标题，单击"新建"。 
   页面标题的长度范围为1\~100个字符。
   
   
6. 拖入组件，根据业务需求开发页面。
7. 页面创建完成后，单击页面上方的保存图标，保存页面。
8. 单击页面上方的预览图标，预览应用页面。 
   如果页面预览效果和预期效果不一致，可再次返回开发页面进行调整。
   
   
9. 单击页面上方的发布图标，进行页面发布设置。 
   - 发布链接：单击发布链接后的图标，将显示页面地址，单击该地址进入发布页。
     **如果是新建项目，需要为发布链接设置访问限制，即"分享码访问"或"Token认证"必须设置其中一个，否则链接在运行态无法正常访问。**
     图1获取发布链接（已有项目）   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002132959840.png "点击放大")
     图2获取发布链接（新建项目）   
     ![](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)。
     图3版本管理   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158306781.png "点击放大") 
   
   - 分享码设置：设置页面分享码和分享码有效期，设置后，只能通过分享码来访问页面，提高安全性。更多介绍，请参见[如何设置分享码](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6179.html)。
     图4分享码设置   
     ![](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)。
     图5设置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)。
     图6设置内容安全策略   
     ![](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 认证"中的一个，否则无法正常访问网页。
      
     图7关闭阻止第三方Cookie   
     ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158425173.png "点击放大")