文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

微信支持H5跳转App、跳转小程序

2024-12-11 18:52

关注

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

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

[[334433]]

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

下面让我们一起来看文档

新增开放标签

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

有哪些开放标签?

接入要求

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

接入方法

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

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

示例:

  1.  配置最新JSSDK 
  1. wx.config({  
  2.   // 其它配置不变, openTagList配置可使用的开放标签,   
  3.   openTagList: ['wx-open-launch-app, wx-open-launch-weapp']  
  4. }) 

      2.  页面使用开放标签

  1. <wx-open-launch-weapp  
  2.   id="launch-btn" 
  3.   // 小程序id  
  4.   username="gh_xxxxxxxx"  
  5.   // 小程序路径  
  6.   path="/a/b/c?d=1&e=2#fg"  
  7. >  
  8.   <template>  
  9.     <style>.btn { padding: 12px }style>  
  10.     <button class="btn">打开小程序<button>  
  11.   template>  
  12. wx-open-launch-weapp> 
  1. <wx-open-launch-app  
  2.   id="launch-btn"  
  3.   // 移动应用appid  
  4.   appid="your-appid"  
  5.   // 额外信息, 客户端自行解析  
  6.   extinfo="your-extinfo"  
  7. >  
  8.   <template>  
  9.     <style>.btn { padding: 12px }style>  
  10.     <button class="btn">App内查看button>  
  11.   template>  
  12. wx-open-launch-app> 
  1. <script>  
  2.   var btn = document.getElementById('launch-btn');  
  3.   // 调起成功回调  
  4.   btn.addEventListener('launch', function (e) {  
  5.     console.log('success');  
  6.   });  
  7.   // 调起失败回调  
  8.   btn.addEventListener('error', function (e) {  
  9.     console.log('fail', e.detail);  
  10.   });  
  11. script> 

结语

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

 

来源:前端大全内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯