微信开放标签

2021-01-29  本文已影响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 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>
上一篇 下一篇

猜你喜欢

热点阅读