美文网首页
微信开放标签

微信开放标签

作者: 李霖弢 | 来源:发表于2021-01-29 16:33 被阅读0次
  1. 微信开放标签使用步骤与微信JS-SDK类似,也需要绑定安全域名
  2. 引入JSSDK (http://res.wx.qq.com/open/js/jweixin-1.6.0.js)
  3. 通过config接口注入权限验证配置并在openTagList中申请所需开放标签
wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印
  appId: '', // 必填,公众号的唯一标识
  timestamp: , // 必填,生成签名的时间戳
  nonceStr: '', // 必填,生成签名的随机串
  signature: '',// 必填,签名
  jsApiList: [], // 必填,需要使用的JS接口列表
  openTagList: [] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']
});
  1. 可实现功能
  • <wx-open-launch-weapp> 微信web跳转到小程序按钮
  • <wx-open-launch-app> 微信web跳转到APP按钮
  • <wx-open-subscribe> 服务号订阅通知按钮
    <wx-open-launch-weapp id="launch-btn" username="gh_1edb0005f503" :path="prizePath"
      style="position:fixed;bottom:3vh;left:50%;width:45vh;max-width:80%;transform: translateX(-50%);">

      <script type="text/wxtag-template">
        <style>
          .btn {
            width:100%;
          }
        </style>
        <div style="position:relative;">
          <img class="btn" src="https://m.sensingstore.com/other/yayi/img/photo/button.png">
          <div style="position:absolute;color:#fff;left:0;top:45%;width:80%;font-size:6vw;transform:translateY(-50%);text-align:center">
            {{prizeTip}}
          </div>
        </div>
  
        </script>
    </wx-open-launch-weapp>

相关文章

  • 微信内H5页面唤起小程序

    微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或...

  • 微信开放标签

    微信开放标签[https://developers.weixin.qq.com/doc/offiaccount/O...

  • 微信公众号网页H5跳转微信小程序

    2020年7月微信开放了H5跳转小程序的实现(基于微信JSDK和开放标签)。微信官方文档 仅有 js 示例,工作中...

  • 微信开放标签唤起App

    目录 相关配置说明文档 先了解一下webcomponent 我们自己实现一个“微信开放标签” 项目中引入开放标签的...

  • 本地测试微信开放标签

    // 微信版本 >= 7.0.121、修改本地 /etc/hosts 文件 增加内容 2、修改文件生效 Windo...

  • H5 跳转 微信小程序的方法

    1.微信的开放标签注意事项: wx-open-launch-weapp1.引入 微信 js 文件 https://...

  • 微信内H5网页打开app

    1、微信开放标签 wx-open-launch-app 官方文档:https://developers.weixi...

  • vue微信网页开发--开放标签

    网页跳转小程序 文档地址目录 | 微信开放文档 (qq.com)[https://developers.weixi...

  • 微信开放标签样式rem单位适配

    2020年5月左右,微信公众后推出了开放标签,可以让微信浏览器内的网页跳转到在开放平台登记过的app。跳转方法入如...

  • 开放域的适配

    作者: 何永峰;标签: 微信小游戏,开放域适配 回顾 做法 我们从主域传宽高值过去开放域然后在开放域进行处理我的...

网友评论

      本文标题:微信开放标签

      本文链接:https://www.haomeiwen.com/subject/bjaqtltx.html