258资源分享网

本文详细讲解一下小程序、公众号文章、H5 页面，以及其他 APP 之间的跳转路径都是怎样的，一起来看看~

移动时代，我们手机里的东西越来越多，占用的时间也越来越多。有时候要用 APP，有时候要在微信里跳来跳去，有时候又要打开浏览器，每天忙得不亦乐乎。

作为普通用户，我们只能按照产品的指引去使用，无法选择我们的使用路径。而作为产品经理，我们则需要清楚究竟哪些路径可以使用，而哪些跳转方向，只是一厢情愿。

这里，我们不讨论类似下载二维码图片到手机，再识别二维码这种间接路径；也不考虑类似公众号资料页进入小程序这种低频入口。我们只讨论那些高频常用的，或者可以带参数统计用户行为的路径跳转。这些路径，才是我们最常用也是最应该关注的。

下面，我就详细讲解一下小程序、公众号文章、H5 页面，以及其他 APP 之间的跳转路径都是怎样的。

（1）小程序 -> 公众号文章

小程序跳转到公众号文章，目前是实现不了的。确切地说，只能叫打开公众号文章。所谓“打开”其实是在小程序的框架内支持了叫做 web-view 的组件，你可以理解为就是一个内置浏览器，后面会提到 APP 也有这种组件。

那么，这里的打开就相当于在这个内置浏览器里浏览公众号文章了。不过，既然是在小程序环境，那也必然是在微信环境内，所以这个文章还是可以点赞和评论的，但是由于小程序 web-view 功能限制，暂时是不能赞赏作者的。

此外，这里打开的公众号文章也只能是小程序绑定的公众号文章，小程序可以被 500 个公众号绑定，做个文章合集也是可以的。

结论：通过 web-view 打开绑定的公众号文章，可以点赞评论，不能赞赏。

（2）公众号文章 -> 小程序

公众号文章嵌入小程序，大家应该都见过了。主要是文章内嵌的小程序卡片和文字链接等，可以直接打开绑定的小程序。注意：这里几次都提到了绑定关系，许多能力的前提都要有绑定关系先，或者是业务域名白名单，后面还会再提到。

文章嵌入小程序的好处非常明显，可以放在文章的任意位置，还可以准备一张自定义的海报，并且可以带参数。这点非常重要，我们可以直接指定跳转到小程序某个页面的某种状态，并可以通过参数来统计来源渠道等数据。

结论：文章可以嵌入小程序卡片，公众号自定义菜单可以跳转小程序，都可以带参数。

（3）小程序 -> H5 页面

同 1 小节一样，也不存小程序跳 H5 页面的路径。同样只是通过 web-view 内打开业务域名白名单内的页面而已，功能受限，比如：不能支付。具体可参考微信小程序开发文档，里面有详细的 API 列表。

值得一提的是，如果小程序里面打开的 H5 页面又使用了公众号网页授权接口，会是什么效果呢？

很简单，跟在微信里直接打开 H5 是一样的，如果是获取用户信息的授权，则会弹出授权确认界面。这里是个独立的空间，跟外面的小程序是否授权已经没有关系了。

当然，如果小程序和小程序的 web-view 打开的 H5 授权用的公众号绑定了同一个 unionid，那么两个场景都是可以拿到这个 unionid 用来识别用户，可以达到识别同一用户的目的。

结论：通过 web-view 打开 H5 页面，功能受限，若有网页授权，与微信内置浏览器表现一致。

（4）H5页面 -> 小程序

这个真没有，甚至 H5 页面可能都打不开微信。但是，对于已经在小程序的 web-view 中打开的 H5 页面，由于本身在小程序框架内，所以是可以返回“外层”的小程序的，但是不能直接跳转到其他小程序。

结论：普通 H5 页面无法跳转到小程序，web-view 中的 H5 页面可以回到“外层”小程序。

（5）小程序 -> APP

在某些特定的场景下，微信是允许小程序跳转 APP 的，但是需要用户主动触发。即，你只能引导用户来点这个按钮，而不能替用户直接打开 APP。这些特定场景，主要是 APP 分享消息卡片，或 APP 打开小程序。简单来说，就是从哪个 APP 来的，就有能力回到哪个 APP。

结论：哪来的回哪去。

（6）APP -> 小程序

与 5 小节相对应的，当 APP 侧嵌入了微信提供的 OpenSDK 后，就可以实现前面提到的 APP 分享到小程序，或者 APP 打开小程序了。

结论：嵌入 SDK 后可分享到小程序或直接打开小程序。

（7）公众号文章 -> H5页面

公众号文章本身也可以当做一个网页，但是，只有经过微信认证的服务号才能添加外链。普通的订阅号和服务号只能通过被动回复给用户某个 H5 链接，算不上直接跳转。或者通过文章底部的“阅读原文”添加外链，但是入口比较隐蔽，故转化率也很低。

结论：认证服务号可添加外链，非认证的通过阅读原文，自定义菜单，模板消息，被动回复等实现。

（8）H5 页面 -> 公众号文章