[转] 关于微信小程序、H5、公众号、APP跳转问题

17年1月微信小程序正式上线，18年小程序火爆了起来。2020年，短视频兴起，小程序风口已过，但小程序作为挖掘私域流量的重要流量入口，以流量大、开发门槛低、生态成熟的特点，仍然是许多ToC，ToG产品部署的首选容器。作为产品经理，对技术实现的方式不必深究，但了解微信小程序的生态和技术边界，会有助于产品经理对产品设计和实现方式的把控。

对于微信小程序的生态和技术边界，笔者会分期撰写，敬请期待。

一、公众号与小程序跳转

1.1、公众号跳小程序

• 通过公众号菜单栏设置小程序跳转链接
• 通过客服消息、订阅消息、模版消息跳转到小程序
• 在公众号文章中通过小程序码或小程序卡片跳转到小程序
• 通过卡劵跳转到小程序

注意事项：

1）跳转的小程序必须与公众号关联
2）卡券跳转方法要求必须有一个有卡券权限的公众号和认证后的小程序、wx.addcard接口涉及的签名中的api_ticket须传入创建该卡券公众号获取到的ticket
3）自定义菜单一级菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单；一级菜单最多4个汉字，二级菜单最多7个汉字，超过部分以“…”代替

1.2、小程序跳公众号

• 使用official-account公众号关注组件
• 利用web-view跳转到关联公众号的文章

注意事项：

1）使用official-account组件前，需要在小程序后台中设置要展示的公众号（设置的公众号需要与小程序主体一致）
2）只有当小程序从扫小程序码场景打开、从聊天顶部场景中的[最近使用]内打开(若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态)、从其他小程序返回小程序时，才具有引导关注公众号组件的能力

二、小程序与H5跳转

2.1、小程序跳H5

• 通过web-view这个组件实现的。web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。但个人类型与海外类型的小程序暂不支持使用。

注意事项：

1）可直接打开关联的公众号的文章，其他H5网页需要登录小程序管理后台配置业务域名，即点击https://mp.weixin.qq.com->登录小程序->点击开发->开发设置->业务域名
2）H5网页内的iframe的域名也需要配置业务域名
3）业务域名最多可配置的数量限制为不超过20个
4）每个页面只能有一个web-view
5）web-view具有缓存机制，确定H5内容后尽量不要频繁更改H5内容
6）避免给定的H5链接中带有中文字符，在iOS中会有打开白屏问题

2.2、H5跳小程序

• 第一种直接点击手机返回键，让它自动根据层级返回；
• 第二种可使用JSSDK提供的接口返回。

注意事项：

只有内嵌H5网页才可以直接跳转小程序（其实就是返回小程序)，但只能返回到原来的小程序，不能跳转到其他小程序。

• 可以在H5页面中加入小程序码或小程序卡片，用户可通过长按识别小程序码或点击小程序卡片从而跳转到小程序。

三、小程序跳小程序:

注意事项：

• 需要用户触发跳转；

即日起，若用户未点击小程序页面任意位置，则开发者将无法调用wx.navigateToMiniProgram接口自动跳转至其他小程序。

• 需要用户确定确认跳转
• 需要在app.json文件中配置要跳转的小程序appId
• 源小程序与目标小程序不再需要绑定至同一个公众号；即小程序可以跳转至任意其他小程序，无需任何关联或绑定。
• 每个小程序可跳转的其他小程序数量限制为不超过10个。

指定日期后，开发者提交新版小程序代码时，如使用了跳转其他小程序功能，则需要在代码配置中声明将要跳转的小程序名单，限定不超过10个，否则将无法通过审核。该名单可在发布新版时更新，不支持动态修改。对于未更新版本的小程序，届时将由微信统一计数并限制，跳转的不同小程序数量超过10个后，将无法打开更多不同小程序。

• 要跳转的小程序appId可在发布新版时更新，不支持动态修改
• 支持长按识别小程序码跳转别的小程序（不限制个数），但不支持长按识别普通二维码跳转小程序

四、小程序和APP跳转

4.1、小程序跳APP

注意事项：

1）需要app接入平台，并且与小程序属于统一账号下
2）仅适用于通过app打开打开小程序，或者通过app分享的卡片打开小程序，即需要保证固定的场景值
3）小程序不能打开任意app，只能跳回app

4.2、APP跳小程序

注意事项：

1）需要开发者在微信开放平台账号下申请移动应用并通过审核
2）同一开放平台账号下的移动应用及小程序无需关联
3）非同一开放平台账号下的小程序需要与移动应用成功关联后才可以跳转
4）一个移动应用（app）最多同时绑定3个小程序，每个月支持绑定3次。
5）同一个小程序最多只能被500个移动应用关联