小程序跳转app store_微信终于支持 H5 跳转 App &小程序

继小程序灰度测试分享朋友圈刷屏后，滴滴滴，这...

闲着也闲着，顺藤摸瓜点了进去，好家伙，产品小姐姐写这个文案还是太含蓄了，我猜有可能是老干妈还没吃够

根据刀哥多年写代码要看文档的经验来看，证实了这次更新不仅支持了打开小程序，连app也顺带支持了，这个信息量着实有点大

下面让我们一起来看文档

新增开放标签

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

有哪些开放标签?

• 打开小程序
• 打开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']
})

2. 页面使用开放标签

• 打开小程序

  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，

老板: 今晚上线

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

最后

欢迎关注「前端瓶子君」，回复「交流」加入前端交流群！ 欢迎关注「前端瓶子君」，回复「算法」自动加入，从0到1构建完整的数据结构与算法体系！在这里，瓶子君不仅介绍算法，还将算法与前端各个领域进行结合，包括浏览器、HTTP、V8、React、Vue源码等。在这里(算法群)，你可以每天学习一道大厂算法编程题(阿里、腾讯、百度、字节等等)或 leetcode，瓶子君都会在第二天解答哟！另外，每周还有手写源码题，瓶子君也会解答哟！

》》面试官也在看的算法资料《《 “在看和转发” 就是最大的支持