h5页面打开app

作者: 晴風無眠 | 来源:发表于2017-11-26 17:23 被阅读208次
h5页面打开app

方法是比较简单的,只要让app定义一个url,直接调用即可。可是在实现起来,发现诸多问题

  • 如果在微信等设备,它会屏蔽掉,
  • 在其它浏览器,会弹出一个对话框,如果拒绝,可能在这个浏览器中,就无法打开了,需要清除浏览器的缓存。

所以现在默认用的方法是,腾讯的微链接,因为是腾讯内部的工具,在微信和QQ上,都有不错的表现,只是会打开微链接页面。

h5页面打开app,跳转到指定的页面

这样一来,便不能使用微链接了,目前处理的方法是安卓及IOS8及以下,

  • 微信使用微链接方法,只打开app,

  • 在QQ或其它浏览器上,用户点击后先调用打开app并跳转到指定页面的方法,过几秒,跳转到微链接上,

    这几秒只是做一个缓冲的过程,如果用户打开app,将浏览器放到后台,(在某些浏览器上,如果程序放入后台的话,页面是不运行的,不处理js),如果页面还要运行,那就让页面跳转到微链接,无所谓了,反正跳转过来,如果打不开,过了几秒跳转到微链接上,
    不过如果浏览器要弹出对话框,如果弹出对话框,不做处理时不用户js那还好说,如果弹出对话框,还在处理js,页面过几秒会跳转到微链接,用户直接就可以看到,这一点很不爽,目前还没有解决的方法


这次主要说的是IOS9及以上的方法 Universal Links,这才是今天的重点,前面废话一堆,只是个影子

Universal Links 通用链接:通用一个url可以打开app

实现方法有此文章打通 iOS 9 的通用链接(Universal Links),这次不做过多的阐述,下面主要说说h5做的内容

h5的实际方式和上面是一样,只是一个url;

  • 跳转此url时,如果有app,并则此url的根目录有apple-app-site-associatiourln文件,那就会打开,

  • 如果没有app或app没有打开过,就会跳转到这个url,

  • 所以前端需要给此url加个友好界面,用户无法跳转时,也能给用户一个友好页面,告给用户是要下载还是怎样。

  • 如果是用此url打开的,在app页面时的最右上方,之前是显示电池的,现在会显示这个url的host地址,

  • 用户用户点击这个地址,就会在浏览器中打开这个url,以后在此手机跳转这个url时,就不是打开页面,而是跳转这个url,

  • 这个就是告诉系统,你希望的这个url的打开方式是打开app还是跳转页面;

  • 当你已经跳转页面时,想打开app,在原生浏览器中,先跳转此url,然后向下滑,会出现一个打开app的方式,点击打开后,此链接以后就是打开此app了

目前打开app,跳转到指定页面的方法就是这样了,没有一个很好的方法,
如果您有好方法,请在评论中告诉我,谢谢

相关文章

  • APP通过微信分享的H5跳转到APP内指定页面

    一,产品需求        产品需求是:app分享到微信一个h5页面,点击h5页面,如果用户有app就打开app,...

  • 通过webview跳转应用市场

    背景: 安卓app中通过webview打开H5页面,H5页面里支持进行app应用更新检查,如果有新的版本,需要跳转...

  • H5通过URL Scheme协议唤起Activity或App

    场景描述 在 h5 页面上,用户点击打开app按钮,如果已经安装了App则打开app,否则引导用户前往应用市场。 ...

  • webview vs hybrid for pm

    webview,app作为浏览器打开H5页面,H5代码部署在服务端,打开消耗资源。不需要app发版。 hybrid...

  • H5 唤醒APP小记

    ###H5 唤醒APP功能### 最近遇到一个需求,需要在从APP分享出去的H5页面中,带有一个立即打开的按钮...

  • iOS原生App与H5页面交互笔记

    iOS原生App与H5页面交互笔记 iOS原生App与H5页面交互笔记

  • iOS-Universal-Link配置详解

    iOS13之后,H5打开App时使用scheme的方式会在打开App后跳转到下载链接页面。参考知乎的实现方式,我们...

  • IOS集成5+SDK

    最近做了一个纯H5的APP,直接创建UIWebView通过地址打开H5页面,通过注入js代码或者添加oncl...

  • Android WebView中跳转第三方App

    一、概述 当你的应用中WebView打开一个H5页面,在这个页面中需要可以打开第三方App页面,通用的跳转方式为S...

  • H5跟ios、android数据对接

    需求: APP要用H5页面做展示,而且要获取到对应的商品ID,用户点击H5页面跳回APP原生页面。 方法: 先要判...

网友评论

    本文标题:h5页面打开app

    本文链接:https://www.haomeiwen.com/subject/juhhbxtx.html