微微信公眾號自定義菜單配置

首先需要進入微信公眾平台，需要管理員掃碼

1 自定義按鈕頁面直接配置

直接在頁面上配置

注意： url格式中的重定向redirect_uri需要進行轉義，參數需要使用&分割，具體看下面配置格式
比如：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=123456789
                                                &redirect_uri=http://www.baidu.com/#/pages/home/index?id=100&response_type=code&scope=snsapi_base&state=123#wechat_redirec
需要轉移成下面這種
https://open.weixin.qq.com/connect/oauth2/authorize?appid=123456789
                                               &redirect_uri=http%3A%2F%2Fwww.baidu.com%2F%23%2Fpages%2Fhome%2Findex%3Fid%3D=100&response_type=code&scope=snsapi_base&state=123#wechat_redirec

一般符號轉義規則：
/     %2F
?     %3F 
=    %3D
:     %3A
%   %25 
#    %23 
&    %26
+    2B%

2 使用開發者工具接口配置

注意：一旦通過接口配置后，自定義頁面配置就會失效

一 進入開發者工具，在線調試

二 根據appid獲取token

三 根據token獲取現有的json按鈕

四 在需要的位置添加一個json按鈕

先選擇刪除，然后將所有json，直接create即可

五 按鈕格式，注意，轉義符要按照規定進行轉義，可參考之前的按鈕跳轉地址格式

{

"type": "view", // view是按鈕類型

"name": "按鈕名字",

"url": "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3bc6b7054b49f133redirect_uri=http%3A%2F%2Fweserver-1fytest.baidu.cn%2F%23%2F&response_type=codescope=snsapi_basestate=123#wechat_redirect",

"sub_button": []

},

注意： 這里的url需要轉義，並且get獲取到的時候參數之間是沒有 & 分割的，添加按鈕必須手動加進去，

url示例： https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3bc6b7054b49f133&redirect_uri=http%3A%2F%2Fweserver-1fytest.swifthealth.cn%2F%23%2Fappointment%2FdepTree%3FshowFooter%3Dfalse&response_type=code&scope=snsapi_base&state=123#wechat_redirect

3 設置域名可訪問以及白名單

域名必須設置，否則會點擊按鈕會提示，訪問域名與后台設置不符

找到設置菜單：

按提示設置即可，需要在服務器跟路徑上傳一個文件，不能用端口