微信支持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"  
  
  
  
  
>  
  
  
  
  
    
  
  
  
  
 
 
 
 
 

•  打开app

 
 
 
 

  
  
  
  

  
  
  
  
  id="launch-btn"  
  
  
  
  
  // 移动应用appid  
  
  
  
  
  appid="your-appid"  
  
  
  
  
  // 额外信息, 客户端自行解析  
  
  
  
  
  extinfo="your-extinfo"  
  
  
  
  
>  
  
  
  
  
    
  
  
  
  
 
 
 
 
 

•  回调 

结语

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

分享文章：微信支持H5跳转App、跳转小程序
URL网址：http://www.shufengxianlan.com/qtweb/news47/280047.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联