微信公众号跳转微信生活缴费

Posted 2022-03-12 可乐20后

开放标签跳转小程序–生活缴费

1. 引入JS文件

   在需要调用JS接口的页面引入如下JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）

   如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）

2、 通过config接口注入权限验证配置并申请所需开放标签

<wx-open-launch-weapp 
username="gh_aceb9bd462ab" 
path="main/pages/nativeindex/nativeindex.html"
>
   <script type="text/wxtag-template">
       <style>.btn padding:30px</style>
     <button class="btn">去生活缴费</button>
     </script>
</wx-open-launch-weapp>



wx.config(
   // eslint-disable-line
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印
    appId: appId, // 必填，公众号的唯一标识
    timestamp: timestamp, // 必填，生成签名的时间戳
    nonceStr: nonceStr, // 必填，生成签名的随机串
    signature: signature, // 必填，签名
    jsApiList: ["wx-open-launch-weapp"], // 必填，需要使用的JS接口列表
    openTagList: ["wx-open-launch-weapp"], // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']
  );
   
wx.ready(function () 
  console.log("ready");
);