第四方授权实现方式

准备工作

• 应用域名 http://dome.com + /page_10086
• 第四方授权域名 http://auth.com + /three_auth/get
  • 如果只有一个公众号和一个授权域名的话，请通过 Nginx 转发 ~/three_auth/ 到第四方授权应用
• 微信授权域名 http://wx.com + /auth

最终效果

• 例如应用的页面 http://dome.com/page_10086 需要 微信登录后的用户信息
• 请求 第四方授权.登录 后，返回到 http://dome.com/page_10086?token=xxxxx
• Ajax 请求 第四方授权接口.获取授权用户信息 传入 Token 得到用户信息

微信授权说明

• 请参考 微信公众平台.微信网页授权

第四方授权开放接口

• [POST] /three_auth/user 通过 Token 获取登录用户信息
• [POST] /three_auth/get 请求获取 微信授权URL
  • [GET] /three_auth/set 微信授权后重定向到 URL 用于接收 code 和获取 微信授权用户信息 不开放

第四方授权接口流程说明 @ 获取授权URL

• 接口 [POST] /auth/get
• 请求参数

{
	appid : 'xxxxxx', // 应用ID，作用于区分应用，可定义应用域名授权 + 指定公众号
	return_url : 'http://dome.com/page_10086', // 返回URL 授权成功后返回的 URL
}

• 响应参数

{
	oauth_url : 'http://wx.com/auth?return_url=http://auth.com/three_auth/set?return_url=http://dome.com/page_10086'
	// 格式：<微信授权URL>?return_url=<第四方授权接收URL>?return_url=<最终应用URL>
}
/**
 * 1. 前端通过获取的 oauth_url 直接跳转到微信授权
 * 2. 微信授权成功后，会返回 <第四方授权接收URL> 并且携带 <code>
 * 3. <第四方授权接收URL> 会通过 <code> 获取微信用户授权信息 <user_info> 
 * 4. <第四方授权接收URL> 会登录 <当前用户> 得到 <Token> 并且跳转到 <最终应用URL> 并且携带 <Token>
 */

• 下面是前后端分离做法@适合任意域名授权发起域

后记

• 其他接口就不用说明了都是通过 Token 对第四方服务器进行操作
• Token 记得设置具有时效性，最好 1小时
• 如果不是前后端分离 Token 记得存储到 Session 中去