评论

解读微信内网页跳转到APP方法,使用微信开放标签:<wx-open-launch-app>

微信内置浏览器支持的<wx-open-launch-app>开放标签可以让你的H5网页拉起APP。这个是不是很神奇也是很有必要的一个功能?微信为你想好啦~实现这个功能并不复杂,代码量可以忽略为0.但是

1、功能说明

微信内置浏览器支持的<wx-open-launch-app>开放标签可以让你的H5网页拉起APP。这个是不是很神奇也是很有必要的一个功能?微信为你想好啦~实现这个功能并不复杂,代码量可以忽略为0.但是一些相关的注意事项,准入规则还是必须要明确的,否则在开发过程中容易踩到各种坑。

2、接入逻辑

2.1 设置服务号的JS安全域名,开放标签必须在这个域名或者子域名下生效详见《微信开放标签说明文档

2.2 注册登陆微信开放平台,新建APP审核并上架成功。然后登记域名和你的APP应用绑定关系,让他们能关联起来

3、准入门槛

看起来第二大步很简单,其实操作起来还是有点繁琐的,除去繁琐的设置外,这里有个准入门槛:

3.1 服务号门槛

服务号已认证
开放平台账号已认证
服务号与开放平台账号同主体
绑定域名和移动应用
绑定域名的要求:
域名须为当前服务号的 JS 安全域名或其子域名
域名只能同时绑定一个移动应用,因此须确保域名未被其他移动应用绑定

3.2 绑定移动应用的要求

只能绑定同一微信开放平台账号下审核通过的移动应用

3.3 绑定次数

每月可修改绑定3次

4、参考文档:

微信内网页跳转APP功能-功能介绍 | 微信开放文档
开放标签说明文档 | 微信开放文档

最后一次编辑于  2020-05-07  
点赞 8
收藏
评论

36 个评论

  • 张波
    张波
    2021-08-09

    wx-open-launch-app iOS 15系统,微信版本8.0.6 ,点击标签没有反应。 iOS11 及13系统使用相关标签功能正常,是否有兼容iOS 15系统的问题呢?

    2021-08-09
    赞同 4
    回复
  • 肥猫兽
    肥猫兽
    2020-09-16

    请问一下哈,这边JS安全域名已经设置好了,在微信开放平台也已经上架了app,但是没有在接口信息里看到“网页跳转移动应用”的接口,只有“APP跳转小程序”。 是移除了接口还是把这个接口设置挪了地方呢?

    2020-09-16
    赞同 2
    回复 2
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-09-16
      这个不用接口。就一个标签的事
      2020-09-16
      回复
    • Backpacker
      Backpacker
      2023-04-27回复Admin ²º²⁴
      我用这个标签会报错,请问是什么问题
      2023-04-27
      回复
  • 我是搬砖小狂人
    我是搬砖小狂人
    2023-10-10

    wx-open-launch-app

    为何会出现有时有 有时无的呢

    2023-10-10
    赞同 1
    回复 1
    • 俞
      2023-12-28
      我也是,95%几率不出现 = =没有报错,解决不了。你怎么解决的?
      2023-12-28
      回复
  • 源
    2023-02-09

    通过分享卡片是能唤起APP的,但为什么微信直接打开“分享卡片的链接” 却无法唤起APP ?

    2023-02-09
    赞同 1
    回复 4
    • 樂天Pad掌门人
      樂天Pad掌门人
      2023-12-16
      微信内的 JSSDK 在加载页面时需要进行签名验证,以确保安全性。这个签名验证过程需要通过调用微信服务器接口获取相关信息来完成,包括页面 URL、随机字符串、时间戳等。
      直接在微信聊天中发送链接打开页面时,JSSDK 需要获取当前页面的 URL,并进行签名验证。但由于在聊天中,微信会将链接包裹在一个特殊的微信打开链接的方式中,所以在获取 URL 时可能会存在限制或不准确的情况,从而导致无法正确完成签名验证。
      而当在分享链接时,微信会将分享的链接直接打开在一个独立的浏览器中,而不是聊天窗口中的微信内置浏览器。在这种情况下,JSSDK 能够准确获取到分享链接的 URL,并进行签名验证,因此 JSSDK 在这种情况下可以正常工作。
      因此,直接在微信聊天中打开 URL 可能无法正常使用 JSSDK,可以考虑其他方式,如通过菜单栏、公众号文章等分享链接给用户,让用户通过点击链接的方式打开页面,从而能够正常使用 JSSDK。
      2023-12-16
      1
      回复
    • 😑
      😑
      2023-12-22回复樂天Pad掌门人
      hello 我想确认一下这部分逻辑你是自己推算出来的 还是有查阅相关代码 亲自debug调试得出来的呢
      我们最近有些问题确实和你所说的相符合
      2023-12-22
      回复
    • 😑
      😑
      2023-12-22
      有一部分场景我们使用到了JS history.replaceState去修改了页面的部分参数, 但是这一操作发生在页面渲染完成后的4-5s,请问这有可能会导致换端失败吗
      2023-12-22
      回复
    • Done
      Done
      星期一 09:52回复😑
      请问这个方法能生效吗,能正常拉起app吗
      星期一 09:52
      回复
  • Rose
    Rose
    2022-08-16

    微信里面直接打开链接是无法唤起的,通过分享卡片是能唤起其他app,这是因为什么

    2022-08-16
    赞同 1
    回复 1
    • 樂天Pad掌门人
      樂天Pad掌门人
      2023-12-16
      微信内的 JSSDK 在加载页面时需要进行签名验证,以确保安全性。这个签名验证过程需要通过调用微信服务器接口获取相关信息来完成,包括页面 URL、随机字符串、时间戳等。
      直接在微信聊天中发送链接打开页面时,JSSDK 需要获取当前页面的 URL,并进行签名验证。但由于在聊天中,微信会将链接包裹在一个特殊的微信打开链接的方式中,所以在获取 URL 时可能会存在限制或不准确的情况,从而导致无法正确完成签名验证。
      而当在分享链接时,微信会将分享的链接直接打开在一个独立的浏览器中,而不是聊天窗口中的微信内置浏览器。在这种情况下,JSSDK 能够准确获取到分享链接的 URL,并进行签名验证,因此 JSSDK 在这种情况下可以正常工作。
      因此,直接在微信聊天中打开 URL 可能无法正常使用 JSSDK,可以考虑其他方式,如通过菜单栏、公众号文章等分享链接给用户,让用户通过点击链接的方式打开页面,从而能够正常使用 JSSDK。
      2023-12-16
      1
      回复
  • 每角弯
    每角弯
    2020-05-21
    您好!我想请教一下:我用html写的页面,还有用Vue写的页面;目前都是iOS可以跳进APP;安卓手机点击按钮后,也弹出「即将离开微信  打开“~~APP”」了,但是点击允许还在本页停留没有进入APP,接着弹出了在 btn.addEventListener('laun
    ch', function (e) {
        art('success');
      })中的success;  接着就完事了     
     
    
    2020-05-21
    赞同 1
    回复 21
    • 蜗牛
      蜗牛
      2020-05-21
      您好, 我的vue页面使用这个标签的时候一直报错,说没有注册该组件,不知道是哪里写错了。能不能麻烦您把 vue页面的相关代码发一下,万分感谢
      2020-05-21
      1
      回复
    • 宗锐
      宗锐
      2020-05-22
      您好 , 我用html写的 ,也是IOS可以进入app, 安卓没反应 . 请问你问题解决了吗 ?
      2020-05-22
      回复
    • 每角弯
      每角弯
      2020-05-22回复蜗牛
      你应该是install 的 jssdk的版本不对,看是1.6.0吗
      2020-05-22
      1
      回复
    • 每角弯
      每角弯
      2020-05-22回复宗锐
      没有  你说也走到success了,就是调不起APP; 感觉像是微信的原因~~~~    你知道原因了告知一下
      2020-05-22
      回复
    • 每角弯
      每角弯
      2020-05-22回复宗锐
      看到官方回复了,说是安卓需要配合撸一下接入指南https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/Android.html
      2020-05-22
      回复
    查看更多(16)
  • Revelry
    Revelry
    08-22

    安卓手机突然不显示了,怎么回事啊,很急

    08-22
    赞同
    回复
  • 黄贺
    黄贺
    07-11

    微信直接打开的这个网页可以拉起app 吗

    07-11
    赞同
    回复
  • 超超fish
    超超fish
    06-24

    请问想要使用这个开放标签,已认证的订阅号可以吗?

    06-24
    赞同
    回复
  • Darren谢鑫洋
    Darren谢鑫洋
    06-21

    js接口安全域名\网页授权域名都绑定了两个域名,但为什么只有第一个可以拉起app,第二个点击按钮会失败

    06-21
    赞同
    回复 1
    • 林志翔
      林志翔
      08-12
      你好,请问网页授权域名怎么绑定两个域名呀,输入框没有说怎么填写两个域名,逗号隔开吗?
      08-12
      回复

正在加载...

登录 后发表内容