移动端应用相互跳转的 16 种路径详解

[复制链接]
查看: 1906|回复: 5
  • 萌哒
    2018-11-19 14:03
  • 发表于 2019-1-23 14:10:42 | 显示全部楼层 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    本文详细讲解一下小程序、公众号文章、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 页面 -> 公众号文章

    H5 链接到公众号就简单了,只是在网页上增加一个普通链接而已。具体文章打开的样式,要看这个 H5 是在 PC 浏览器、PC 微信客户端、手机浏览器、手机微信客户端中的哪一个环境打开。不同的环境表现不一样,在微信的环境内就可以评论点赞,非微信环境就只能看。PC 和 H5 主要是布局不同,其他差异不大。
    如果是在微信环境,那么 H5 里面嵌入的二维码图片是可以直接长按识别的,也算是一步跳转。那么这个二维码,就可以是文章页、群二维码、小程序、历史记录(资料页)、会话界面(已关注)等等玩法。
    结论:直接插链接即可,具体长相看环境。长按识别二维码可以有更多玩法。
    (9)H5 页面 -> APP

    H5 跳转到 APP,可以通过一种叫做 url schema 的跳转协议实现,但是这种协议不是所有浏览器都支持,所以你经常会见到有些产品在微信里会提示你点右上角用 safari 打开。这就是引导你利用 safari 对 url schema 的支持,再跳到其他的 APP 去。
    如果是在微信内置浏览器中,目前是支持自家的应用宝应用的,会引导用户跳转到应用宝,再在应用宝界面下载 APP 并打开。
    结论:在支持的浏览器中通过 url schema 打开; 微信内支持应用宝链接跳转打开。
    (10) APP -> H5页面

    前面提到过,同小程序类似,APP 也可以打开 web-view。并且,由于 APP 也是自己开发的,所以可以给 web-view 放开全部可能的权限,在 APP 支持的基础上,是不会再人为限制 web-view 的能力了。而对于支付部分,可以嵌入微信或支付宝的 SDK,跳转到微信或支付宝进行支付。
    此外,APP 还可以支持更多功能,比如:监听 web-view 内的页面跳转,并拦截符合某些规则的页面,进行其他操作。也可以像微信给其内置浏览器提供的 JSSDK 一样,为你自己的 APP 内嵌入的 H5 提供附加的 JSAPI,实现更多能力。
    结论:通过 web-view 打开 H5页面,原则上没有功能限制,支付可以跳转到微信或支付宝等。
    (11)公众号文章 -> APP

    这两个没有直接联系,可以参照第 7,9 小节,通过公众号文章打开 H5 页面,再打开 APP 实现。
    结论:真没有,可以先打开 H5页面,走 H5 跳 APP流程。
    (12)APP -> 公众号文章

    同样通过 web-view 打开公众号文章,与浏览器打开相同,由于不在微信环境内,也不能点赞评论赞赏等。可以作为信息展示,比如:帮助文档,活动规则等信息的展示。
    结论:和打开 H5 类似,但只能作为信息展示,没有其他能力。
    (13)小程序 -> 小程序

    那么,你以为同样的环境就一定能跳吗?
    当然不是,前面提到过,许多跳转都依赖绑定关系,那么小程序之间的跳转也是。
    这里说的绑定,是指小程序绑定到某个公众号,只要两个小程序都绑定到了相同公众号,那么它们之间就是可以互相跳转的。每个公众号可以绑定相同主体的 10 个小程序,不同主体的 3 个小程序;每个小程序可以被 500 个公众号绑定。
    所以,如果你的小程序想跳到某个小程序,就要先绑定。如果不是你的小程序,就要跟那个小程序的所有者联系申请绑定关系,并且你还要准备一个有坑位的,且已经绑定了你自己小程序的公众号,用来绑定这个小程序。
    结论:存在绑定关系的小程序才可相互跳转。
    (14)公众号文章 -> 公众号文章

    早期,公众号文章只有阅读原文可以添加外链,所以有引用别人的文章的时候,也要放到阅读原文,跟前面的嵌入 H5 是一样的。从 2017 年 06 月开始,公众号支持插入自己帐号和其他公众号已群发文章链接的能力。
    也就是说,你完全可以做一个优秀文章导航,每天只推送搜集到的好文章列表。但是,链接是可以有,但是跳出去以后就是别人的公众号了,回不回来就难说了。
    结论:可以跳转自己帐号和其他公众号已群发的文章。
    (15)H5 页面 -> H5 页面

    这个就相当自由了,页面都是自己做的,想怎么跳就怎么跳。唯一需要注意的是,我们有些 H5 页面可能使用了微信网页授权接口,但是忘记了判断微信环境。那么可能产生的结果就是,在浏览器里跳转几下,忽然提示请在微信内打开。
    此外,如果是在小程序的 web-view 里面跳来跳去的话,要注意是否所有跳转链接都在小程序的业务域名白名单内,否则也是无法打开的。
    结论:浏览器里随便跳,小程序在白名单里跳。
    (16)APP -> APP

    APP 之间的跳转大体跟前面提到的 H5 页面打开 APP 类似,通过 url schema 来实现。技术上是没什么限制的,只有公司和业务冲突,导致互相之间强制不允许跳转,就不举例了。
    因为这些人造墙的存在,就出现了许多,比如:口令啊,识别二维码啊什么的路子,或者想分享内容的时候,不直接打开其他 APP,而是引导用户保存内容,再手动打开其他 APP 继续操作。
    结论:没有技术障碍,只有人造墙。
    好了,到这里 16 种路径就讲完了。这 16 种路径重点还是围绕微信场景的延伸,没有涉及诸如轻应用、支付宝小程序,百度小程序等。原理大同小异,如果有需要可以多参考官方文档,结合上文提到的基本原理,应该可以弄清楚了。
    作者:姬小光,微信公众号“姬小光(ID:hi-laser)”
    本文由 @姬小光 原创发布于人人都是产品经理。未经许可,禁止转载。
    题图来自Unsplash,基于CC0协议
    发表于 昨天 06:02 | 显示全部楼层
    回的人少,我来小顶一下
    回复

    使用道具 举报

    发表于 昨天 06:02 | 显示全部楼层
    我只是路过打酱油的
    回复

    使用道具 举报

    发表于 昨天 09:07 | 显示全部楼层
    这个帖一般般,还可以哦。
    回复

    使用道具 举报

    发表于 昨天 11:25 | 显示全部楼层
    正需要,支持楼主大人了!
    回复

    使用道具 举报

    发表于 昨天 18:53 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

     
     
    技术支持
    在线客服
    售后交流群瑞恩社区™售后</font><br><span>交流
    工作时间:
    8:00-18:00
    客服热线:
    15368564009
    微信扫一扫
    返回顶部 关注微信 下载APP 返回列表