小程序、公众号文章、H5跳转路径简述

  |  

小程序 -> 公众号文章/H5 页面
通过web-view组件打开公众号(绑定的)文章,可点赞评论
通过web-view打开的H5页面功能受限,若有网页授权,与微信内置浏览器表现一致
公众号文章 -> 小程序
通过文章内嵌小程序卡片和文字链接直接打开绑定的小程序,可以带参数

H5页面 -> 小程序
普通 H5 页面无法跳转到小程序,web-view 中的 H5 页面可以回到“外层”小程序

小程序 -> APP
特定场景(APP 分享消息卡片/APP 打开小程序)下,微信允许小程序跳转 APP ,需要用户主动触发

公众号文章 -> H5页面
认证服务号可添加外链
非认证的通过阅读原文,自定义菜单,模板消息,被动回复等实现
H5 页面 -> APP
在支持的浏览器中通过 url schema 打开
微信内支持应用宝链接跳转打开
APP -> H5页面
通过 web-view 打开 H5页面,原则上没有功能限制,支付可以跳转到微信或支付宝等

小程序 -> 小程序
绑定到了相同公众号(存在绑定关系的小程序)可以互相跳转
每个公众号可以绑定相同主体的 10 个小程序,不同主体的 3 个小程序;每个小程序可以被 500 个公众号绑定

微信公众号h5 打开小程序环境判断
先要引入对应微信的js包https://res.wx.qq.com/open/js/jweixin-1.6.0.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// 网页环境判断
let env = 'wechat';
const ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
//判断是否是微信环境
//微信环境
wx.miniProgram.getEnv(function(res) {
if (res.miniprogram) {
// 小程序环境下逻辑
console.log('小程序环境下=========>', '小程序环境下');
env = 'wxapp';

// 进入小程序页面(https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html)
// wx.miniProgram.navigateTo({url: '/path/to/page'})
// wx.miniProgram.postMessage({ data: 'foo' })
// wx.miniProgram.postMessage({ data: {foo: 'bar'} })
// wx.miniProgram.getEnv(function(res) { console.log(res.miniprogram) })

} else {
//非小程序环境下逻辑
console.log('非小程序环境下=========>', '非小程序环境下');
env = 'wechat'; // 微信环境内(微信公众号)
}
});
} else {
//非微信环境逻辑
console.log('非微信环境逻辑=========>', '非微信环境逻辑');
env = 'nowechat';
}
文章目录