微信通过页面(H5)直接打开本地app的解决方法

简述

微信中通过页面直接打开app分为安卓版和IOS版，两个的实现方式是完全不同的。

安卓版实现：使用腾讯的应用宝，只要配置了“微下载”之后，打开链接腾讯会帮你判断本地是否已经安装了app，如果本地安装就直接打开，没有安装的话就是腾讯微下载的页面进行app下载，当然微下载的页面腾讯提供了几个模板，可以自己选择和修改。

IOS实现：ios像直接点击链接打开本地app就难了，有两种方式可供我们选择：

　　1.腾讯深度合作的公司，微信可以帮你打开app；

　　2.使用IOS9+的新功能“Universal Links”（通用链接）；

很显然，第二种方式更适合我们普通的公司。

效果展示

实现步骤

1.配置https（必须是https）网站支持；

创建“apple-app-site-association”文件，注意不带后缀，放到网站根目录，确保可以使用：https://xxx.xxx.xxx/apple-app-site-association直接可以访问，apple-app-site-association文件内容如下：

{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "*****.com.gangguwang.yewugo",
        "paths": [ "/app/*" ]
      }
    ]
  }
}

其中appId是你的Prefix + ID，如图：

paths为你链接拦截的地址，比如我上面填写的是“/app/*”,就是当我访问https://xxx.xxxx.xxx/app/x的时候，会打开本地app，其他连接时候则为正常显示，这个地址可以配置成多个，也可以直接写*；

2.配置苹果证书，开启“Associated Domains”，如下图：

Identifiers - App IDs –Edit 然后开启打钩 Associated Domains 后保存，配置地址：https://developer.apple.com/account/ios/identifier/bundle

3.配置你的App的Universal Links（通用链接）

如果你是普通的ios项目的的话，配置如下：项目 targets->Capabilities->Associated Domains，如图填写你的链接域名

域名的格式必须为：applinks:你的域名（ex:applinks:www.domain.com）,可以配置多个;

如果你是Xamarin项目的话，需要选择Entitlements.plist配置关联域，如图：

这样配置完之后，打包即可测试你的应用咯。

官方配置文件：https://developer.apple.com/library/content/documentation/General/Conceptual/AppSearch/UniversalLinks.html

注意事项

1.配置的网站必须是https，不能为http；

2.[重要]展示地址和打开的地址不能在一个域名下（作者测试发现放在同一服务器下都不行），比如展示页的地址是https://a.domain.com/?id=10，打开的如果是https://a.domain.com/app/?id=10，系统默认是打开页面，而不是触发通用链接打开app；

3.[重要]配置玩证书之后需要更新证书，才能内部打包和提测上传成功；

4.通用链接可被屏蔽，点击右上角配置的链接之后，通用链接就失效了，解决方案下次讨论。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 微信支付如何实现内置浏览器的H5页面支付

    因为项目需要,要在H5页面中加入微信支付,所以便去尝试,只想说真的很坑,尤其调试起来不方便 这是微信的官方API文档 微信API 微信支付的准备工作 申请公众号,申请开通支付,这个很简单,自行百度 申请好之后 在微信公众平台页面的"微信支付"页面中的"开发配置"Tab上配置"支付授权目录","测试授权目录","测试白名单" 在微信公众平台页面的"开发者中心"中找到"AppID(

  • 微信通过页面(H5)直接打开本地app的解决方法

    微信通过页面(H5)直接打开本地app的解决方法

    简述 微信中通过页面直接打开app分为安卓版和IOS版,两个的实现方式是完全不同的. 安卓版实现:使用腾讯的应用宝,只要配置了"微下载"之后,打开链接腾讯会帮你判断本地是否已经安装了app,如果本地安装就直接打开,没有安装的话就是腾讯微下载的页面进行app下载,当然微下载的页面腾讯提供了几个模板,可以自己选择和修改. IOS实现:ios像直接点击链接打开本地app就难了,有两种方式可供我们选择: 1.腾讯深度合作的公司,微信可以帮你打开app: 2.使用IOS9+的新功能"U

  • Android编程实现使用webView打开本地html文件的方法

    本文实例讲述了Android编程实现使用webView打开本地html文件的方法.分享给大家供大家参考,具体如下: 在布局的配置文件里: <WebView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/webView"> </WebView> 后台java代码; @SuppressLint(

  • vue移动端html5页面根据屏幕适配的四种解决方法

    vue移动端html5页面根据屏幕适配的四种解决方法

    最近做了两个关于h5页面对接公众号的项目,不得不提打开微信浏览器内置地图导航的功能确实有点恶心.下次想起来了的话,进行总结分享一下如何处理.在vue移动端h5页面当中,其中适配是经常会遇到的问题,这块主要有死个方法可以适用. 方法一:引入淘宝开源的可伸缩布局方案 引入淘宝开源的可伸缩布局方案:https://github.com/amfe/lib-flexible(此处可点击) 淘宝的其实也和viewport的有点像,但是它主要是根据设备设备像素比设置scale的值,保持视口device-wid

  • 微信js sdk invalid signature签名错误问题的解决方法分析

    本文实例讲述了微信js sdk invalid signature签名错误问题的解决方法.分享给大家供大家参考,具体如下: /**最近在做微信js sdk 接口调用说明*/ ***相信很多人都遇见像我这样的问题,再加上自己只能算是半个程序员,所以苦苦摸索了好久终于搞懂了. ****下面就把自己所遇见的各种问题和大家分享一下,都是自己亲手实验过的********/ 一.问题说明 如果出现 invalid signature,首先可以确定的是你的签名算法有问题. 建议:首先查看微信官方网站给出的解决

  • jQuery Dialog 打开时自动聚焦的解决方法(两种方法)

    下面给大家介绍两种方法解决jQuery Dialog 打开时自动聚焦问题.具体实现方法大家可以参考下本文. 方法一: p1_dialog_seniorSearch.dialog({ title:"高级查询", autoOpen:false,//默认关闭 modal: true,//开启遮罩层 width:570, height:330, buttons: { "查询":function(){ seniorSearch(1,20) } , "关闭"

  • Vue 路由切换时页面内容没有重新加载的解决方法

    第二次进入页面,页面路由参数已经改变,但是页面内容不会刷新. 问题原因:在组件mounted钩子中调用的刷新页面内容,但测试发现这个钩子没有被调用.后来发现App.vue中使用了<keep-alive>: <template> <div id="app"> <keep-alive> <router-view></router-view> </keep-alive> </div> </t

  • 微信小程序scroll-view不能左右滑动问题的解决方法

    微信小程序scroll-view不能左右滑动问题的解决方法

    最近在做自己小程序项目.因为并非专业前端 .所以一步一掉坑.在这里想着把遇到的问题总结一下.避免重复进坑. 问题: 在小程序页面布局的时候用到了scroll-view组件,发现横向移动没有效果.在网上查阅了一下资料发现问题所在. 我的wxml代码 <scroll-view scroll-x="true" class="scroll" bindscrolltolower="lower" bindscroll="scroll"

  • android开机自动启动app的解决方法

    android开机自动启动app的解决方法

    经过多次尝试之后,终于找到了开机自动启动App的解决方法 开机后会停留在锁屏页面,且短时间内如果没有进行解锁操作,屏幕会进入休眠状态,所以启动APP时需要先唤醒屏幕和解锁屏幕 定义一个广播类BootBroadcastReceiver.java public class BootBroadcastReceiver extends BroadcastReceiver {     static final String ACTION = "android.intent.action.BOOT_COMP

  • Oracle出现超出打开游标最大数的解决方法

    本文实例讲述了Oracle出现超出打开游标最大数的解决方法.分享给大家供大家参考,具体如下: Java代码在执行conn.createStatement()和conn.prepareStatement()的时候,实际上都是相当与在数据库中打开了一个cursor.尤其是,假如你的createStatement和prepareStatement是在一个循环里面的话,就会非常轻易出现这个问题.因为游标一直在不停的打开,而且没有关闭. 一般来说,我们在写Java代码的时候,createStatement

  • php版微信公众平台回复中文出现乱码问题的解决方法

    本文实例分析了php版微信公众平台回复中文出现乱码问题的解决方法.分享给大家供大家参考,具体如下: 微信公众平开发时碰到回复中文乱码了,这个问题小编发现是编码问题,其实只要把编码转成utf8就可以解决了,具体来看看. 很多微信公众平台的自动回复程序都是 ThinkWechat.class.php 这个类开发的,今天碰到一个莫名其妙的乱码问题,查问题发现是GB2312编码导致,所以要修改源码. 先增加一个方法: /** * 检测是否UTF-8 * @param $str * @return boo

随机推荐