微信公众号自定义菜单关联小程序

墨蓝 2023-10-04 12:09 74阅读 0赞

1、获得 access\_token，这里不做介绍，详情可查看微信文档。

2、构造JSON模板，以下JSON构造了跳转小程序，跳转超链接，点击事件的自定义菜单。

{
        "button":[
            {
                "name":"产品介绍",
                "sub_button":[
                    {
                        "name":"产品列表",
    					"type":"miniprogram",
    					"appid":"abcdecg",
                        "pagepath":"pages/index/index",
                        "url":"https://mp.weixin.qq.com"
                    },
                    {
                        "name":"在线商城",
                        "type":"view",
                        "url":"https://www.baidu.com"
                    },
                    {
                        "name":"关于我们",
                        "type":"view",
                        "url":"https://www.baidu.com"
                    }
                ]
            },
            {
                "name":"服务平台",
                "sub_button":[
                    {
                        "name":"健康管家",
    					"type":"miniprogram",
    					"appid":"hijklmn",
                        "pagepath":"pages/home/home",
                        "url":"https://mp.weixin.qq.com"
                    },
                    {
                        "key":"21",
                        "name":"绑定账号",
                        "type":"click"
                    },
                    {
                        "key":"22",
                        "name":"APP下载",
                        "type":"click"
                    }
                ]
            },
            {
                "name":"健康资讯",
                "sub_button":[
                    {
                        "name":"健康100问",
                        "type":"view",
                        "url":"https://www.baidu.com"
                    },
                    {
                        "name":"新闻资讯",
                        "type":"view",
                        "url":"https://www.baidu.com"
                    }
                ]
            }
        ]
    }

2、在微信公众平台接口调试工具[http://mp.weixin.qq.com/debug?token=1830099278&lang=zh\_CN][http_mp.weixin.qq.com_debug_token_1830099278_lang_zh_CN]中先进行测试，输入第1步获取到的access\_token，在body中输入JSON结构体数据，然后点击检查问题。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4_size_16_color_FFFFFF_t_70][]

自定义菜单中常遇到的问题：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4_size_16_color_FFFFFF_t_70 1][]

根据提示的错误，调整JSON请求体再进行测试，直到出现下面的提示则表明自定义菜单定义的没有问题：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4_size_16_color_FFFFFF_t_70 2][]

3、在后台开发中按照上面的样式构造自定义菜单即可。这里面有个地方还得注意，就是小程序的页面如何填写？这里提供一种方法，详见下文：

### 通过微信小程序平台统计功能获取 ###

1.  登录微信小程序平台，点击侧边栏「统计」按钮。
2.  选择「使用分析-页面分析」一栏，即可看到有用户访问过的「页面路径」。如下图：
3.  ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4_size_16_color_FFFFFF_t_70 3][]
    
    ![fad480cd9ed46311ce02b9993e0dfe45.png][]

2021年9月7日绑定另一个小程序时，报了另一个错误，只记得大概，说是未授权，错误码好像是40065，上网查了下，说要实现不同注册主体的公众号和小程序在自定义菜单中跳转，需要在公众号中关联小程序。登录微信公众平台，依网友的意见，在设置里怎么都找不到小程序管理，后面是经同事提醒，在广告与服务中找到，如下图：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbW94aWFvcmFuNTc1Mw_size_5_color_FFFFFF_t_70_g_se_x_16][]

点击小程序管理，出来下边的页面：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbW94aWFvcmFuNTc1Mw_size_20_color_FFFFFF_t_70_g_se_x_16][]

点击右上角的添加，添加时需要提供小程序的appId，建立起关联后，终于实现不同主体的公众号和小程序进行绑定了。

[http_mp.weixin.qq.com_debug_token_1830099278_lang_zh_CN]: http://mp.weixin.qq.com/debug?token=1830099278&lang=zh_CN
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210429103941463.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210429101133346.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210429104214456.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20210429104937713.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW54aWFvbW8xNjg4,size_16,color_FFFFFF,t_70
[fad480cd9ed46311ce02b9993e0dfe45.png]: https://img-blog.csdnimg.cn/img_convert/fad480cd9ed46311ce02b9993e0dfe45.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbW94aWFvcmFuNTc1Mw_size_5_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210908145255336.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAbW94aWFvcmFuNTc1Mw==,size_5,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbW94aWFvcmFuNTc1Mw_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210908145422916.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAbW94aWFvcmFuNTc1Mw==,size_20,color_FFFFFF,t_70,g_se,x_16