服务号使用微信网页授权(H5应用等)

获取授权准备

  • AppId
  • 服务号已经认证且获取到响应接口权限
  • 设置网页授权域名
    • 公众号设置 - 功能设置 - 网页授权域名。注意事项:
      • 回调页面域名或路径需使用字母、数字及“-”的组合(例:wx.qq.com或wx.qq.com/mp),不支持IP地址、端口号及短链域名。填写的域名或路径需与实际回调URL中的域名或路径相同。
      • 填写的域名须通过ICP备案的验证
      • 将类似文件MP_verify_2DCaFsV02WRKsdf2.txt上传至填写域名或路径指向的web服务器(或虚拟主机)的目录(若填写域名,将文件放置在域名根目录下,例如wx.qq.com/MP_verify_2DCaFsV02WRKsdf2.txt;若填写路径,将文件放置在路径目录下,例如wx.qq.com/mp/MP_verify_2DCaFsV02WRKsdf2.txt),并确保可以访问。

调用接口 [^1] [^2]

  • 弹出用户授权框
    • 接口格式:https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxb50d02d2fd721234&redirect_uri=http%3a%2f%2fwww.aezo.cn&response_type=code&scope=snsapi_userinfo&state=gzh#wechat_redirect
      • redirect_uri为用户授权后的回调页面,一般是H5应用的首页。注意:地址需要urlEncode进行处理,工具地址,如http%3a%2f%2fwww.aezo.cn原本是http://www.aezo.cn
      • scope
        • snsapi_base:是用来获取进入页面的用户的openid的,并且是静默授权并自动跳转到回调页的
        • snsapi_userinfo:弹出授权页面,可通过openid拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息
      • state为重定向后会带上state参数,非必须

原文地址:https://www.cnblogs.com/oldinaction/p/7545921.html