# 设置跳转微信小程序
#### 操作背景
手机端设计网站常用模块：文本、图片、按钮支持设置单击跳转微信小程序。可实现在手机端微信中，打开手机端网站可与微信小程序的实现相互跳转。
自定义微信分享样式后，内容更直观，如[图]所示：
图1自定义微信分享样式   
![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001597533946.png)
#### 约束与限制
- 您可选择跳转外部小程序或轻应用小程序。
- 请使用已备案域名和已认证公众号进行操作。
- 请使用微信7.0.12及以上版本、系统iOS 10.3及以上版本、Android 5.0及以上版本进行操作。
 
#### 前提条件
已完成[微信公众号](https://support.huaweicloud.com/adaptive-cloudsite/adaptive_7017.html)设置。
#### 操作步骤
1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，选择站点，单击"网站设计"，进入网站管理后台。
2. 单击去设计，进入网站编辑页面。
3. 设置想要跳转的常用模块设计后，可以在对应的设置链接中找到"微信小程序"。
   图2微信小程序   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001646341417.png) 
4. 完成微信设置。请单击"前往设置"，根据弹窗中每个"操作指引"或[微信公众号设置](https://support.huaweicloud.com/adaptive-cloudsite/adaptive_7017.html)操作步骤进行操作。
   图3前往设置   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001646143293.png)
   图4微信设置   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001596980954.png)
   ![](https://support.huaweicloud.com/adaptive-cloudsite/public_sys-resources/caution_3.0-zh-cn.png)
   - 根据微信官方要求，跳转外部小程序仅支持授权认证的服务号。
   
   - 如果网站设置微信分享自定义时已有符合条件的服务号授权认证过，则设置跳转微信小程序可直接应用对应的微信设置，无需再重新授权。
   
   - 可以设置完成后再通过手机微信预览测试是否跳转生效。
     

5. 填写小程序原始ID，请输入小程序对应的以gh_开头的ID。如何查找小程序原始ID：
   1. 进入[微信公众号平台](https://mp.weixin.qq.com/)，登录对应的小程序，进入管理后台。
   
   2. 在左侧栏单击"设置"按钮，进入设置页面
      图5设置页面   
      ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001646260805.png) 
   
   3. 在设置页面拉到下即可找到对应的小程序的原始ID
      图6小程序的原始ID   
      ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001646022013.png) 
    
6. 填写页面路径。可为空，为空则默认跳转至小程序首页。如何查找小程序页面路径请[单击查看](https://developers.weixin.qq.com/community/develop/article/doc/0008066531c28043d2185a4d356813)。
   ![](https://support.huaweicloud.com/adaptive-cloudsite/public_sys-resources/caution_3.0-zh-cn.png)
   根据微信官方要求，页面路径请务必输入 ".html"才能成功跳转页面。如果输入的路径中没有" .html"，系统将自动添加" .html"后缀。