H5打开APP的方案有哪些

这篇文章主要讲解了“H5打开APP的方案有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“H5打开APP的方案有哪些”吧!

专注于为中小企业提供成都网站设计、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业濉溪免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

1. 唤起APP的方案

如下图,当前主要有三种打开APP的渠道:流量APP封装渠道,原生的打开渠道以及一些奇技淫巧。

H5打开APP的方案有哪些

1.1 流量APP封装渠道

微信、手Q和微博等流量入口为了保证流量不流失,对iOS和Android原生的唤起方案做了屏蔽和封装。在这些APP中,使用原生唤起APP方案是无效的,只能用他们的方案或者位于白名单中的APP才能通过H5的唤起APP。

1.1.1 微信

微信最初唤起APP方案是WXJSBridge,后来变为了WX JS-SDK。这时候有人可能就要说了,你瞎说,我根本没有看到JS-SDK上有关于唤起APP的相应接口。其实这些关于APP的接口都是有的,只不过没有写在文档中。

要使用微信的唤起APP方案需要两点:

  •  明确知道唤起APP的接口

  •  要唤起的APP本身就处于微信的白名单中

所以对于第三方APP,即使知道了接口的名字也不能用。

而JS-SDK和JSBridge的本质实现都是一样的,但是JS-SDK还要求使用者在自己的后台全局缓存一个jsapi_ticket,如果是腾讯系单纯想做唤起APP方面的逻辑的话,直接使用JSBridge无疑是个又快又好的做法。

1.1.2 手Q

手Q和微信一样,也对唤起APP做了封装,同样又白名单的限制,所以也只有腾讯系的APP才能使用。

但是在微信中,唤起腾讯系APP使用schema是不行的,但是对于在手Q打开腾讯系APP,可以选择使用schema而不是手Q的封装方案MPP.

另外说一点,手Q的MPP唤起APP并传递参数的方法有点问题,文档写的也不完善,确实不如直接用schema唤起好用。

1.1.3 其他流量APP

主要是指微博,手机百度等APP,应该也是白名单的打开方式,平常用的不多,这里不做赘述。

2. 原生渠道

2.1 Schema

Schema是一种页面内跳转协议,主要有以下几部分组成[1] 

 行为(应用的某个功能)               |  scheme://[path][?query]     |               |  应用标识       功能需要的参数

但是在Chrome25之后,iOS9以后,Android和iOS原生都不再支持这种协议,转而转变为新的方案App Link和Universal Link。

对比起这种方案,Schema不能判断出是否打开APP成功,也就不能针对没有打开APP做一些处理(只能通过hack的手段,通过判断页面是否可见来达到这一点)。但是,Schema现在在除原生以外各大移动端浏览器上(如QQ浏览器,Chrome浏览器等)都有不错的支持,而且使用schema不用客户端做额外的处理,做一些简单的逻辑还是可以用的。

2.2 Universal Link

Universal Link是iOS开发的一种无缝链接APP和Web的方式。当访问一个链接时,如果安装了APP,那么直接跳转APP的相应页面,如果没有安装APP,则跳转相应的H5页面。不过我们可以利用它的这种特性来唤起APP。

Universal Link有几个缺陷:

  •  要唤起的APP要做相应的支持

  •  当前的页面和唤起的域名一定要跨域才可以

  •  必须是Https

2.3 APP Link

APP Link的初衷和Universal Link一致,都是为了给用户提供无缝的用户体验——如果安装了APP则跳转APP,没有安装APP就跳转相应页面,因此,我们也可以用它来做唤起APP。同样的,它也需要APP做相应的设置。

不过APP Link是Android上提供的方案,它和Universal Link不同的是:不需要使用https协议

3. 其他渠道

3.1 应用宝渠道

应用宝渠道是应用宝借用自己腾讯系APP的能力,利用自己的权限来帮助其他APP在微信上唤起,换取其他推广资源的行为。

不过这种方案已经被微信给封杀了。所以当前,作为一个第三方APP,是没有办法在微信上唤起的。

感谢各位的阅读,以上就是“H5打开APP的方案有哪些”的内容了,经过本文的学习后,相信大家对H5打开APP的方案有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


文章名称:H5打开APP的方案有哪些
标题网址:http://ybzwz.com/article/jpjdeh.html