返回顶部
首页 > 资讯 > 前端开发 > html >H5打开APP的方案有哪些
  • 765
分享到

H5打开APP的方案有哪些

2024-04-02 19:04:59 765人浏览 八月长安
摘要

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

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

1. 唤起APP的方案

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

H5打开APP的方案有哪些

1.1 流量APP封装渠道

微信、手Q和微博等流量入口为了保证流量不流失,对iOSAndroid原生的唤起方案做了屏蔽和封装。在这些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的方案有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: H5打开APP的方案有哪些

本文链接: https://lsjlt.com/news/85638.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • H5打开APP的方案有哪些
    这篇文章主要讲解了“H5打开APP的方案有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“H5打开APP的方案有哪些”吧!1. 唤起APP的方案如下图,当...
    99+
    2024-04-02
  • uni-app打开外部链接方式总结(h5和app)
    目录问题描述方案1方案2方案3方案4总结问题描述 在应用中打开一个外部的html页面,即完整http链接的页面。h5通过window.open或是内嵌iframe基本都没有问题,本文...
    99+
    2023-02-22
    uniapp打开外部链接 uniapp跳转外部链接 uniapp怎么跳转外链
  • html5实现在App中打开的方法有哪些
    这篇文章将为大家详细讲解有关html5实现在App中打开的方法有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1. 需求前段时间开发项目,遇到了一个需求,简单来说,就是我们H5的页面有一个“在App中...
    99+
    2023-06-09
  • H5页面制作工具和手机app开发工具有哪些
    今天小编给大家分享一下H5页面制作工具和手机app开发工具有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我...
    99+
    2024-04-02
  • 打开activity的方法有哪些
    打开activity的方法有以下几种:1. 使用显式Intent打开目标Activity:```javaIntent intent ...
    99+
    2023-09-04
    activity
  • H5页面的交互方式有哪些
    本文小编为大家详细介绍“H5页面的交互方式有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“H5页面的交互方式有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。6种交互方式为:1、重力交互,需要灵活利用重力...
    99+
    2023-06-29
  • 从H5页面跳转到小程序的实现方案有哪些
    本篇内容主要讲解“从H5页面跳转到小程序的实现方案有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“从H5页面跳转到小程序的实现方案有哪些”吧!实现方案实现H5跳转小程序的方案目前有多种,可以...
    99+
    2023-06-28
  • Android打开蓝牙的方式有哪些
    Android打开蓝牙的方式有以下几种:1. 使用系统设置界面:在Android设备的设置界面中,找到蓝牙选项,点击开启蓝牙。2. ...
    99+
    2023-09-25
    Android
  • winform窗口的打开方式有哪些
    Winform窗口的打开方式有以下几种:1. 使用Show方法:使用窗口的Show方法可以在不阻塞当前窗口的情况下打开一个新窗口。新...
    99+
    2023-10-11
    winform
  • linux打开文件的方法有哪些
    在Linux中,可以使用以下几种方法来打开文件:1. 使用命令行工具(如cat、less、more、vi、vim等)打开文件,例如:...
    99+
    2023-08-29
    linux
  • uniapp的打包:h5、微信小程序以及APP方式
    uniapp的打包:h5、微信小程序以及APP方式 H5打包微信小程序打包App打包 本人用的是HBuilder编译器,学习uniapp时b站某位大大推荐的,我刚开始接触代码时候也用过,那...
    99+
    2023-09-05
    微信小程序 uni-app 小程序
  • html5有哪些app开发框架
    这篇文章主要讲解了“html5有哪些app开发框架”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5有哪些app开发框架”吧! ...
    99+
    2024-04-02
  • html5开发app有哪些好处
    这篇文章主要介绍html5开发app有哪些好处,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! html5开发app的好处:1、跨平台;2、简单高效;3、开...
    99+
    2024-04-02
  • H5软键盘兼容的方法有哪些
    这篇文章主要介绍“H5软键盘兼容的方法有哪些”,在日常操作中,相信很多人在H5软键盘兼容的方法有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”H5软键盘兼容的方法有哪些”...
    99+
    2024-04-02
  • python中有哪些打开文件的方式
    今天就跟大家聊聊有关python中有哪些打开文件的方式,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。1、函数说明open 函数默认以只读方式打开文件,并且返回文件对象2、语法f&nb...
    99+
    2023-06-15
  • win10注册表打开的方法有哪些
    在Windows 10中,有几种方法可以打开注册表。以下是几种常用的方法:1. 使用运行对话框:按下Win + R键,打开运行对话框...
    99+
    2023-09-20
    win10
  • win10计算器打开的方法有哪些
    打开Win10计算器的方法有以下几种:1. 使用开始菜单搜索栏:点击开始菜单左下角的搜索栏,输入“计算器”,然后点击搜索结果中的“计...
    99+
    2023-09-06
    win10
  • win10搜索框打开的方法有哪些
    本文小编为大家详细介绍“win10搜索框打开的方法有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“win10搜索框打开的方法有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。win10搜索框打开方法:右键...
    99+
    2023-06-30
  • Sqlite数据库打开的方法有哪些
    在SQLite数据库中,有几种不同的方法可以打开数据库: 使用命令行工具:可以通过命令行工具来打开SQLite数据库,例如在命令...
    99+
    2024-04-09
    sql
  • HTML5开发App优缺点有哪些
    本篇内容介绍了“HTML5开发App优缺点有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作