美文网首页
H5界面按钮打开已安装的APP

H5界面按钮打开已安装的APP

作者: 哈达拉进来了 | 来源:发表于2017-08-27 11:23 被阅读73次

H5实现链接格式如下

<a href="[scheme]://[host]/[path]?[query]"> 唤起应用 </a>

各个项目含义如下所示:

scheme:唤起协议 ※详细后述
host: 唤起指定host
path: 协议路径※没有也可以
query: 一些参数※没有也可以

APP实现

协议假设为:example://com.example.demo/app?name=zhangsan

AndroidManifest中添加配置

<activity android:name=".SchemeActivity"> 
  <intent-filter> 
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.BROWSABLE" />    
    <category android:name="android.intent.category.DEFAULT" />
    <data
        android:scheme="example"
        android:host="com.example.demo"
        android:path="/app"/>
</intent-filter>
</activity>

DATA标签中匹配原则如下:
android:scheme : 唤起协议
android:host : 唤起host,只有置顶的host才可被唤起
android:pathPrefix : 唤起的路径,对路径进一步的过滤

客户端获取参数的值

Uri uri = this.getIntent().getData();
String scheme=uri.getScheme();
String host=uri.getHost();
String path=uri.getPath();
String name=uri.getQueryParameter("name");

注意事项

无论是在哪个平台的客户端Android/IOS,在微信的平台上访问都有一个问题,那就是无法启动客户端,这是微信为了安全性考虑的限制,android这边屏蔽schema协议,除非公司是微信的伙伴加入了白名单才能

原文链接:http://www.php.cn/html5-tutorial-370241.html

相关文章

  • H5界面按钮打开已安装的APP

    H5实现链接格式如下 各个项目含义如下所示: scheme:唤起协议 ※详细后述host: 唤起指定hostpat...

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

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

  • H5 唤醒APP小记

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

  • H5 唤起 APP 及下载

    一般 H5 常见的引导页,为已安装 app 的用户唤起 app,未安装 app 的用户引导下载 app 一、简介 ...

  • iOS 集成 Moblink 实现web和app链接

    场景需求: App用户分享链接到各种渠道,例如微信等第三方平台,用户触发h5页面中按钮,若客户端已安装App,则直...

  • iOS deepLink 唤醒app

    需求 用手机打开我们的网页,点击打开按钮或者收藏按钮,可以直接唤醒app,如果未安装app,则跳转到应用商店提示下...

  • 2019-03-29 ANDROID第一次安装打开,home键

    首次安装,出现“打开”按钮,我们点击打开按钮启动应用进主界面,我们再按之前的操作,按home键返回桌面,然后点击应...

  • H5跳转app store问题

    方法一说明: 当点击打开某一app按钮时, 判断手机是否安装此款app, 有的话就直接打开app首页, 没安装ap...

  • 人民好医生iOS企业版App手机安装步骤

    1.扫描二维码后显示安装界面 2.点击【在Safari中打开】 3.点击安装 4.界面出现弹窗后,点击【安装】按钮...

  • iOS企业版App手机安装步骤

    1.扫描二维码后显示安装界面 2.点击【在Safari中打开】 3.点击安装 4.界面出现弹窗后,点击【安装】按钮...

网友评论

      本文标题:H5界面按钮打开已安装的APP

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