美文网首页
微信公众号申请测试号及设置底部菜单栏及wx-open-launc

微信公众号申请测试号及设置底部菜单栏及wx-open-launc

作者: 焚心123 | 来源:发表于2022-11-04 16:33 被阅读0次
申请测试号
  • 官方文档https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Interface_field_description.html

    image.png
  • 申请后会有appid和appsecret,将这两个给后台,进行获取access_token

  • 而我们可以在接口在线调试中,通过上面的APPID和appsecret先获取到token,


    image.png
  • 点击检查,会生成access_token


    image.png
  • 在接口类型中找到我们需要调试的接口,用上面access_token进行测试就行,不过有时效性,在重复上面的重新获取token就行

  • 自定义底部菜单的,就按照我这样写就行,你也可以在百度,或者是官网上在看看其他的写法

wx-open-launch-weapp的用法
  • 首先测试公众号是不支持的(因为我试过,导致按钮不展示),可以使用你们公司的公众号进行调试,一般公司使用的都是服务号
  • 其次这里面有签名,随机数等,需要后台协助,当然你也可以用node或者express,koa等自己写
  • 然后就将官网上的代码拷贝下来就可以了
  • 当你动态的赋值path的时候,最好使用js的serAtt...单词忘了,要是jq的话使用prop,使用attr也是有问题的,这个你自己到时候测试下就知道了
  • 传递参数就在path=pages/index/index?type=1
  • 获取参数可以是app.js中的onLunch,onShow等,在你跳转的页面可以在onload中的options就可以获取到
  • 代码
<body>
  <script>
    wx.config({
      debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来,若要查看传入的参数,可以在 pc 端打开,参数信息会通过 log 打出,仅在 pc 端时才会打印
      appId: '  ', // 必填,公众号的唯一标识
      timestamp:  , // 必填,生成签名的时间戳
      nonceStr: ' ', // 必填,生成签名的随机串
      signature: ' ', // 必填,签名
      jsApiList: ['chooseImage'], // 必填,需要使用的 JS 接口列表
      openTagList: ['wx-open-launch-weapp'] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']
    });
    wx.ready(function () {
      // config信息验证后会执行 ready 方法,所有接口调用都必须在 config 接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在 ready
      alert('获取成功')
    });
  </script>
  <wx-open-launch-weapp id="launch-btn" username="原始id小程序的在公众平台的设置中找" path="跳转的页面路径后面可以追加参数"
    env-version="trial跳转的版本,体验版">
    <script type="text/wxtag-template">
      <style>.btn { padding: 12px }</style>
    <button class="btn">打开小程序</button>
  </script>
  </wx-open-launch-weapp>
  <!-- <div>111</div> -->
</body>

  • 如果对你有帮助,麻烦点个赞,再走呗!

相关文章

网友评论

      本文标题:微信公众号申请测试号及设置底部菜单栏及wx-open-launc

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