这里只做总结与解释,细则可以去相应官方文档查看
前情提要:其他小程序的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。
- 场景限制:
- 从APP分享出来的小程序卡片中进入,可以跳回APP
- 从其他小程序返回小程序,保持上一次进入的状态
- 「最近使用」内打开,保持上一次进入的状态
- 长按小程序右上角菜单唤出最近使用历史,保持上一次进入的状态
- 其他场景无法跳回APP