小程序、微信H5、APP，移动端跨端相互跳转相关规则，2020/11最新总结

这里只做总结与解释，细则可以去相应官方文档查看
前情提要：其他小程序的appid可以在它的资料里直接查看，所以不是问题

H5 => 小程序 => 随便跳

通过微信jssdk
openTagList: [‘wx-open-launch-weapp’]
用于页面中提供一个可跳转指定小程序的按钮。
要求:

• 仅开放给已认证的服务号，绑定“JS接口安全域名”
• 需要用户触发跳转

注意事项：

• vue或react使用script type="text/wxtag-template"代替template
• vue在main.js中增加Vue.config.ignoredElements = [‘wx-open-launch-app’, ‘wx-open-launch-weapp’];
• wx-open-launch-weapp不能写样式，并且内部样式与外部样式独立
• 开发工具不显示，必须用真机

H5 => APP => 需要关联APP

通过微信jssdk
openTagList: [‘wx-open-launch-app’]
要求:

• 仅开放给已认证的服务号，绑定“JS接口安全域名”
• 需要用户触发跳转
• 需要关联绑定app
  需要前往微信开放平台的管理中心-公众账号或小程序详情-接口信息-网页跳转移动应用-关联设置中绑定所需要跳转的App。

小程序 => 小程序 => 随便跳

wx.navigateToMiniProgram(Object object)
要求:

• 需要用户触发跳转
• 需要用户确认跳
• 无需声明跳转名单，不限跳转数量
  wx.navigateBackMiniProgram(Object object)返回到上一个小程序。

小程序 => h5 => web-view内嵌

web-view 承载网页的容器，会自动铺满整个小程序页面。
要求:

• 个人类型的小程序暂不支持使用。
• 需要配置业务域名（在它们服务器放个文件），因此没有对方支持，就无法内嵌第三方页面。
• 内嵌页面中跳转的域名、 iframe 包含的域名，也都需要配置到业务域名。

小程序 => APP => 跳回APP

button open-type=“launchApp”
要求:

• 小程序不能打开任意 APP，只能 跳回 APP。
• 场景限制：
  1. 从APP分享出来的小程序卡片中进入，可以跳回APP
  2. 从其他小程序返回小程序，保持上一次进入的状态
  3. 「最近使用」内打开，保持上一次进入的状态
  4. 长按小程序右上角菜单唤出最近使用历史，保持上一次进入的状态
  5. 其他场景无法跳回APP