# 新建外部链接
通过创建外部链接的方式，将外部页面集成到零代码应用中，以增强应用的丰富性和实用性。
#### 前提条件
在创建外部链接前，请务必先完成零代码应用的创建，具体操作请参见[使用华为云Astro轻应用创建零代码应用](https://support.huaweicloud.com/usermanualnocode-astrozero/astrozero_05_1404.html)。
- [在PC端新建外部链接]
  1. 参考[登录华为云Astro轻应用零代码工作台](https://support.huaweicloud.com/usermanualnocode-astrozero/astrozero_05_1450.html)中操作，登录零代码应用开发工作台。
  
  2. 在全部应用中，单击应用后的"..."，选择"编辑"，进入编辑应用页面。
  
  3. 在左侧导航栏中，单击"新建"，选择"新建外部链接"。
  
  4. 设置外部链接信息。 
     图1新建外部链接   
     ![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002260441278.png)
     表1新建外部链接参数说明 
     | 参数         | 说明                                               |
     |:---|:---|
     | 页面名称       | 添加的外部页面在零代码应用中显示的名称。                             |
     | Url        | 添加外部页面的URL地址，必须以"http://"、"https://"或"ftp://"开头。 |
     | 打开方式-新页面打开 | 添加的外部页面是在应用内部打开，还是在新窗口中打开。                       |
     | 隐藏PC端      | 勾选后，在PC设备上添加的外部链接不可见。                            |
     | 隐藏移动端      | 勾选后，在移动端设备上添加的外部链接不可见。                           |
        
     
     
  
  5. 设置完成后，单击"确定"。 
     在左侧表单列表中，可查看到已新建的外部链接。单击该链接，可跳转到对应页面。
     图2外部链接地址   
     ![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002272481233.png)
     如果新建外部链接时，勾选了"隐藏PC端"，在应用查看页面，将无法查看到该外部链接。
     图3隐藏外部链接   
     ![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002237362100.png "点击放大")
     
     
   
- [在移动端新建外部链接]
  1. 参考[登录华为云Astro轻应用零代码工作台](https://support.huaweicloud.com/usermanualnocode-astrozero/astrozero_05_1450.html)中操作，登录零代码应用开发工作台。
  
  2. 在全部应用中，单击已创建的应用，进入应用。
  
  3. 在应用页面的右下方，单击![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002330213189.png)。
  
  4. 在弹出的页面，单击![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002296862952.png)，选择"编辑应用"。
     
     图4编辑应用   
     ![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002362123697.png)
     
     
  
  5. 在导航设置页签，单击"新建"，选择"新建外部链接"。 
     图5选择新建外部链接   
     ![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002296213756.png)
     
     
  
  6. 设置外部链接信息。 
     图6新建外部链接   
     ![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002260441278.png)
     表2新建外部链接参数说明 
     | 参数         | 说明                                               |
     |:---|:---|
     | 页面名称       | 添加的外部页面在零代码应用中显示的名称。                             |
     | Url        | 添加外部页面的URL地址，必须以"http://"、"https://"或"ftp://"开头。 |
     | 打开方式-新页面打开 | 添加的外部页面是在应用内部打开，还是在新窗口中打开。                       |
     | 隐藏PC端      | 勾选后，在PC设备上添加的外部链接不可见。                            |
     | 隐藏移动端      | 勾选后，在移动端设备上添加的外部链接不可见。                           |
        
     
     
  
  7. 设置完成后，单击"确定"。 
     在导航设置中，可查看到已新建的外部链接。单击该链接，可跳转到对应页面。
     图7外部链接地址   
     ![](https://support.huaweicloud.com/usermanualnocode-astrozero/zh-cn_image_0000002330292993.png)