1、前端正常开发h5页面,打包后放到自己公司的测试服务器中
2、 测试(可使用微信的测试公众号进行测试)
- 可在官方文档中查看,点击下图进行注册一个测试公众号
image.png - 将js接口域名进行绑定不用https
baidu.com.cn 这种格式
-
如果你要获取用户的openid等信息,将下图的也要进行绑定,格式同上
image.png
3、上面的完事了,那么我们配置底部的按钮(公众号的底部点击按钮,可前端配,可后台配,后台配置就不用看这一步了)
-
找到下图中的菜单点击
image.png -
下图中先获取token,测试公众号参数都有顶部位置
image.png -
将token复制,选择接口类型为自定义菜单
image.png -
body的数据格式可以参考官网,如果你是想在一级菜单直接打开页面,type修改为view,才能写url参数
image.png -
body中的url还要在处理一下,将下图中的进行赋值,然后appid修改为测试的,redirect_url这个就是你开发公众号的链接地址,不过要用在线urlencode编码下,否则有问题,这个链接中会传递一个code,传给后台可以换取用户信息
image.png
4、关注你的测试公众号,就可以打开啦
5、生产差不多也是,登录微信公众平台,绑定js安全域名和网页域名就可
网友评论