微信公众号申请测试号及设置底部菜单栏及wx-open-launc
2022-11-04 本文已影响0人
焚心123
申请测试号
-
官方文档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>
- 如果对你有帮助，麻烦点个赞，再走呗！
