vue开发微信公众号---测试号菜单生成

在开发过程中,我们通常使用的是微信开发者工具在PC电脑上进行开发,然而这上面是没有菜单这一个内容的,因此我们需要通过微信公众号的菜单api对菜单进行生成操作。
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
从官方文档上我们可以找到菜单生成,添加,删除,查询以及个性化的各种开放接口。根据自己的需要进行修改。

第一步:通过测试号的appID和appsecret获取aceess token

拥有测试号之后就可以拿到appID和appsecret了,这两个内容是用于获取jsapi的权限access token的参数,参考:
https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html
在这个页面中可以拿到调用的接口,如下:

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

然后在postman上进行请求
在这里插入图片描述

第二步:查询菜单并且创建菜单

进入微信自定义菜单页面
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Querying_Custom_Menus.html
拿到查询接口
使用步骤1中获取到的access token进行获取
在这里插入图片描述
我这里已经创建过菜单了,所以这里能够查询到菜单内容,如果是第一次创建菜单,则直接使用创建菜单的接口即可。如下:
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
自定义菜单中的按钮类型以及对应的方式是最值得注意的,但文档已经讲的比较清除了,因此不做示例。

个性化菜单及其相关配置根据需求使用,属于非必须项

如果需要更新主菜单,可以使用删除接口先删除菜单,然后在创建菜单即可。
默认菜单和自定义菜单是有区别的
在这里插入图片描述
在这里插入图片描述

注意事项

1.创建的菜单中url 是指的完整的路径:即 域名 + vuerouter路径
如:http://emergency.vip3gz.idcfengye.com/#/register
2.如果测试域名换了,那么菜单必须重新生成。
3.发布版的菜单和域名可以直接在微信公众平台配置,无需担心。

猜你喜欢

转载自blog.csdn.net/lxy869718069/article/details/109066262