参考链接：

微信公众号官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

微信公众号管理后台：https://mp.weixin.qq.com/cgi-bin/plugincenter?t=service/plugins&act=all&token=1910725837&lang=zh_CN

公众号腾讯客服：https://kf.qq.com/faq/120911VrYVrA130805byM32u.html

前期准备工作(进入进入微信公众号后台管理系统) ：

1-查看微信公众号AppID，secret(秘钥), 以及设置ip白名单(这个后面为了我们自己代码调用 获取access_token接口)

 2- 设置H5页面网页授权域名(这一步目的是为了在微信公众号信任我们部署H5页面的域名，否则跳转被微信拦截)

 3- 在微信管理后台自定义菜单中加入H5页面跳转链接:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxxx&redirect_uri=xxx&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

解释：appid：公众号appId；redirect_uri：H5页面地址，其他固定。

用户关注公众号后点击公众号H5链接，跳转到H5页面时，微信会附带一个code，前端拦截地址获取code 存入本地cache-》前端传code调用后端自定义接口获取accessToken以及openId

注意：openId是用户一开始关注微信公众号就会生成的，无论该用户取消关注后再关注这个openId都不会变，我们可以利用这个openId绑定我们第三方系统(通过开发一个用户手机号绑定页面，调用后端接口后和这个openId进行绑定，这样微信H5页面就和我们自己开发的系统绑定起来了)

=》后端通过回调code获取openId说明： 访问API https://api.weixin.qq.com/sns/oauth2/access_token，Get方法