# 预览发布
预览用于在配置过程中查看当前实际效果，发布则会获取发布地址，用于展示组态图或嵌入园区管理系统中进行查看。
#### 操作步骤
1. 组态图配置完成后，单击右上角"预览"按钮就可以查看当前的配置效果了。 
   图1预览效果   
   ![](https://support.huaweicloud.com/bestpractice-ocsmartcampus/zh-cn_image_0000002496369069.png "点击放大")
   
   
2. 预览正常后，单击右上角"发布"按钮打开组态发布窗口，在此处可以勾选需要发布的页面、集成方式、图元优化方式。当需要展示为独立页面进行查看时请选择"无"，若需要嵌入园区页面中进行查看时，请选择"园区设施管理"。 
   图2组件发布   
   ![](https://support.huaweicloud.com/bestpractice-ocsmartcampus/zh-cn_image_0000002496369041.png "点击放大")
   
   
3. 完成发布后会显示发布地址，此时可以通过该地址查看组态页发布后的效果。 
   图3发布链接   
   ![](https://support.huaweicloud.com/bestpractice-ocsmartcampus/zh-cn_image_0000002463170030.png "点击放大")
   
   
4. 设备组态配置时组件设备实例设置的{deviceNumber}通配符，当复制发布页的URL地址进行查看时，需要在后面加上接上"deviceNumber=设备ID"，如：https://\*\*\*.html?deviceNumer=Chiller_CH01，既可以正常查看当前设备实例的实时数据了。若配置的是空间组态或系统组态，设备实例选择的是真实设备ID，则不需要在发布页的URL地址后面添加"deviceNumber=设备ID"参数。 
   图4发布效果   
   ![](https://support.huaweicloud.com/bestpractice-ocsmartcampus/zh-cn_image_0000002463170018.png "点击放大")
   
   
5. 完成发布后，既可以根据[组态工程配置](https://support.huaweicloud.com/bestpractice-ocsmartcampus/ocsmartcampus_05_0090.html)的设备、空间、系统组态配置流程将组态页面配置到设施云系统中
   
   ![](https://support.huaweicloud.com/bestpractice-ocsmartcampus/public_sys-resources/note_3.0-zh-cn.png)
   预览、发布页面支持移动端缩放能力，在配置页面时如需适配移动端，请使用移动端设备进行查看。