说明

• 微信开放平台和微信公众平台二选一即可,没必要全开,一样的
  QQ互联目前确认支持个人开通,但其它两个平台由于没有申请个人账号,不确定是否支持个人开通,测试过的小伙伴可以在群里说一下.
• 需要准备图片的,图片尺寸必须严格按照要求,差一个像素都不通过,可以到阿里巴巴图标库 选择一个作为图标,下载时可自定义尺寸

微信开放平台

第一步

申请地址:https://open.weixin.qq.com/注册或登录微信开放平台
登录开放平台后,选择网站应用->创建网站应用,按照表单要求填写资料
准备资料:一张28*28的图片,一张108*108的图片,下载《微信开放平台网站信息登记表》填写并上传

第二步

第二步的授权回调域填写你的域名即可

第三步

审核成功后,将应用的APPID和APPSECRET填写到护卫盾后台并启用微信开放平台登录即可(系统设置-三方登录)

微信公众平台

第一步

以微信服务号为例
申请地址:https://mp.weixin.qq.com/注册或登录微信公众平台
添加网页授权域名

第二步

将公众号的APPID和APPSECRET填写到护卫盾后台并启用微信公众平台登录即可(系统设置-三方登录)

QQ互联

第一步

申请地址:https://connect.qq.com/注册或登录QQ互联
准备资料:一张100*100的图片
进入应用管理->网站应用->创建应用->创建网站应用 按照要求填写应用信息

第二步

回调地址填写:http(s)://你的域名/loginCallback.htm?action=QQ
应用创建成功后即可获得 APP ID与APP KEY,需要立即填写进后台,并开启QQ互联登录按钮,否则应用审核将不通过.

待申请通过后,即可关闭QQ互联登录按钮,他要求审核时网站必须有登录按钮,网站暂未集成三方登录,所以通过后隐藏登录按钮.

开启三方登录后UI界面

登录页

微信开放平台登录页

微信公众平台登录页

QQ互联登录页

新账号登录成功页面