首先需要进入微信公众平台,需要管理员扫码
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": "按钮名字",
"sub_button": []
},
注意: 这里的url需要转义,并且get获取到的时候参数之间是没有 & 分割的,添加按钮必须手动加进去,
3 设置域名可访问以及白名单
域名必须设置,否则会点击按钮会提示,访问域名与后台设置不符
找到设置菜单:
按提示设置即可,需要在服务器跟路径上传一个文件,不能用端口