点开vue h5链接跳转到app_微信终于支持 H5 跳转小程序&App

继小程序灰度测试分享朋友圈刷屏后,滴滴滴,这...0d2d8614454222211374e94819e7ddcd.png

新增开放标签

定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验

有哪些开放标签?
  • 打开小程序
  • 打开app
接入要求
  • 主体要求: 仅开放给已认证的服务号

  • 系统要求:
    微信版本要求为:7.0.12及以上。系统版本要求为:iOS 10.3及以上、Android 5.0及以上

接入方法

打开小程序使用步骤与微信JS-SDK类似,需要绑定安全域名、引入JS文件等步骤

打开app需要前往微信开放平台的管理中心-公众账号或小程序详情-接口信息-网页跳转移动应用-关联设置中绑定所需要跳转的App

示例:

  1. 配置最新JSSDK
wx.config({
  // 其它配置不变, openTagList配置可使用的开放标签, 
  openTagList: ['wx-open-launch-app, wx-open-launch-weapp']
})
  1. 页面使用开放标签
  • 打开小程序
  id="launch-btn"
  // 小程序id
  username="gh_xxxxxxxx"
  // 小程序路径
  path="/a/b/c?d=1&e=2#fg"
>
  "btn">打开小程序

  • 打开app
  id="launch-btn"
  // 移动应用appid
  appid="your-appid"
  // 额外信息, 客户端自行解析
  extinfo="your-extinfo"
>
  "btn">App内查看

  • 回调

结语

怎么样,看完文档后是不是感觉很 easy,

老板: 今晚上线

8b59e30a973898b2c9eaaaab1eaba931.png

参考: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

◆ ◆ ◆  ◆ 

788cc0b714d756deffd0eb82b9641a2a.png

你的 在看 我当成喜欢
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值