微信公众号启用了服务器配置如何自定义菜单？

阳光穿透心脏的1/2处 2023-09-29 20:59 27阅读 0赞

> 微信公众号（服务号）启用了服务器配置，如何自定义菜单呢？
> 
> 当我们启用了服务器配置，公众号的默认的自定义菜单就会失效。其实我们可以通过调用API接口来完成自定义菜单功能的配置。
> 
> 微信公众号自定义菜单接口文档：[微信开放文档][Link 1]

**目录**

一、获取Access\_TOKEN

二、创建自定义菜单接口

三、配置完成效果展示

--------------------

![12bad27b6c674fb88b89abb23e310355.png][]

## 一、获取Access\_TOKEN ##

> 请求协议：GET
> 
> 参数说明：
> 
> appid：开发者ID
> 
> secret：开发者密码

![569aa8a92c4e43beb208b5f5d0650aca.png][]

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

![1ecd500ffcfc486ebff7bb9b64e0a2bc.png][]

## 二、创建自定义菜单接口 ##

> 请求协议：POST
> 
> 参数说明：
> 
> access\_token：步骤一中返回的内容
> 
> body：自定义菜单JSON数据

https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN
    
    {
        "button": [
            {
                "type": "view",
                "name": "官方网站",
                "url": "https://www.ewbang.com/"
            },
            {
                "type": "view",
                "name": "新人福利",
                "url": "https://www.baidu.com"
            },
            {
                "name": "联系我们",
                "sub_button": [
                    {
                        "type": "view",
                        "name": "在线咨询",
                        "url": "https://work.weixin.qq.com/kfid/kfc3e2a33604dbc4814"
                    },
                    {
                        "type": "view",
                        "name": "商务合作",
                        "url": "https://mmbiz.qpic.cn/sz_mmbiz_png/6uOzLB7icicypnoNaXnuVugKOUb7umiadMmwLxuVf56W85gqFtfNc1f0W0DMQnVibM1JoaePbTBuic4tnw86yncc9ZQ/0?wx_fmt=png"
                    }
                ]
            }
        ]
    }

## 三、配置完成效果展示 ##

![a35ec4f020bb44faa64fcadce476f4ed.png][]

[Link 1]: https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
[12bad27b6c674fb88b89abb23e310355.png]: https://img-blog.csdnimg.cn/12bad27b6c674fb88b89abb23e310355.png
[569aa8a92c4e43beb208b5f5d0650aca.png]: https://img-blog.csdnimg.cn/569aa8a92c4e43beb208b5f5d0650aca.png
[1ecd500ffcfc486ebff7bb9b64e0a2bc.png]: https://img-blog.csdnimg.cn/1ecd500ffcfc486ebff7bb9b64e0a2bc.png
[a35ec4f020bb44faa64fcadce476f4ed.png]: https://img-blog.csdnimg.cn/a35ec4f020bb44faa64fcadce476f4ed.png