公众号自定义菜单

柔光的暖阳◎ 2021-08-13 19:16 512阅读 0赞

接口只要在Posrman接口测试工具（接口工具随意） 请求下就可以。

[开发者文档：自定义菜单][Link 1][接口][Link 1]

1.  自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单
2.  一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70][]

[微信公众平台接口调试工具][Link 2]

1.获取access\_token:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 1][]

2.自定义菜单

A.微信工具上执行

复制上面得到access\_token（注意7200ms过后会失效）

[body的值][Link 1]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 2][]

B.Posrman接口测试工具 请求接口

接口：post请求
    
    https://api.weixin.qq.com/cgi-bin/menu/create?access_token=27_glM_EuECbMmspK97R0L6ZSzWxwNFweV7R5EY2o9IlPPwfNJ8G17KfPbqxGiFDFwsF4mCaM5oJ2bsNRdNUB8_6ITuEYlNQ2AZis5iOTHtAO3vYsMH2x3XYnZ_gqofqhCog-61Pqo0fPyYcCN9MLRfABADCI
    
    
    
    
    {
        "button": [
            {
                "name": "菜单", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "易信健康", 
                        "url": "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx00000057&redirect_uri=https://bat-api.2019yx.cn//v1.0.0/weixin/patientIndex&response_type=code&scope=snsapi_login,snsapi_userinfo&state=1,0#wechat_redirect"
                    }
                ]
            }
        ]
    }
    
    
    注意菜单内的地址 必须是https,appid 是该公众号appid
    
    sub_button 表示二级菜单

# **这边要注意：获取网页授权** #

[官方文档][Link 3][查看][Link 3](不能直接把openid放在url上，所以要通过网页授权获取用户的code，再请求接口获取openid)

**（一）授权操作前 要先执行以下操作：**

授权回调域名配置 （比如：访问的网页地址是 [https://wl.2020yx.cn/ccc/index.html][https_wl.2020yx.cn_ccc_index.html] 需要网页授权的域名为：[wl.2020yx.cn][https_wl.2020yx.cn_ccc_index.html] 这样的话，只要[wl.2020yx.cn][https_wl.2020yx.cn_ccc_index.html]下的域名文件都可以进行OAuth2.0鉴权）

到公众平台官网中的“**开发 - 接口权限 - 网页服务 - 网页授权 - 网页授权获取用户基本信息**”的配置。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 3][]

要将这里的txt文件放在项目根路径下，否则上面的回调域名是无法保存的。

![这里写图片描述][SouthEast]

把下载的txt放在域名底下

![这里写图片描述][SouthEast 1]

**（二）官方流程 网页授权流程分为四步： **

1、[引导用户进入授权页面同意授权，获取code ][code]

scope说明

![20200602163736751.png][]

https://open.weixin.qq.com/connect/oauth2/authorize?appid=公众号appid&redirect_uri=页面地址&response_type=code&scope=snsapi_base&state=123&connect_redirect=1#wechat_redirect
    
    
    response_type：直接code
    scope：snsapi_base（不需要手动授权）snsapi_userinfo （需要手动授权）
    state：随意 a-zA-Z0-9 
    
    注意：重定向到微信授权页面出现Status Code：301 Moved Permanently。原因：用户授权的请求出现两次重定向，所以才导致了这个问题。
    
    解决方式：加上connect_redirect=1

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 4][]

2、[通过code换取网页授权access\_token][code_access_token]（与基础支持中的access\_token不同）   
3、[如果需要，开发者可以刷新网页授权access\_token，避免过期 ][access_token]  
4、[通过网页授权access\_token和openid获取用户基本信息][access_token_openid]（支持UnionID机制）

二.自定义个性菜单

1.创建管理标签（知道创建标签的id）[查看官网][Link 4]  
2.通过标签创建个性菜单[ 查看官网][Link 5]  
3.用户登录得到角色id 进行用户分配标签

[Link 1]: https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70]: /images/20210813/e9e8ed8ea8794fbd87b091f03b06469b.png
[Link 2]: https://mp.weixin.qq.com/debug/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 1]: /images/20210813/2521f2436db04094ba196783c51b02ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 2]: /images/20210813/f4dbdf76712442e5840fdf6c9ce934d9.png
[Link 3]: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
[https_wl.2020yx.cn_ccc_index.html]: https://wlzs.2019yx.cn/YJY_pharmacist/index.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 3]: /images/20210813/8755a88bfa8343f39e41bbf5b6e507a7.png
[SouthEast]: /images/20210813/8b76703c739d4bc2b3e6e4dfb690292f.png
[SouthEast 1]: /images/20210813/46f123e15a674a819fc6ab2f8814f19c.png
[code]: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#0
[20200602163736751.png]: /images/20210813/86835428a29e4625aa8f0f3d49fb814e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 4]: /images/20210813/669e17f48dfc4815b3735f73913e9813.png
[code_access_token]: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#1
[access_token]: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#2
[access_token_openid]: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#3
[Link 4]: https://developers.weixin.qq.com/doc/offiaccount/User_Management/User_Tag_Management.html
[Link 5]: https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Personalized_menu_interface.html