今天被别人问了个问题，微信的OpenID是什么？虽然已经大半年没写过代码了，但我居然还记得挺清楚的，那就写出来，鬼知道什么时候又忘了。
之前做过一个引导用户将微信号与公司的手机账号绑定的需求，虽然乍听上去挺简单，但其中涉及到的细节却比较多，而且也踩到了几个坑。涉及到的相关知识点有:
OpenID和unionid
OpenID：为了识别用户，每个用户针对每个公众号或小程序等应用会产生一个安全的OpenID，公众号或应用可将此ID进行存储，便于用户下次登录时辨识其身份，或将其与用户在第三方应用中的原有账号进行绑定UnionId:UnionId也是用户的标识符，但它与OpenID不同的是，同一个微信用户，登录同一个开发主体下的多个小程序或公众号的时候，分配的UnionId是一样的。
可以打个通俗的比喻，比如某个用户是万达商场的会员，那么UnionId就是这个用户对应的万达会员标识，而这个用户又比较爱买买买，在万达商场的很多商店下面都是会员，那么此时每个商店赋予这个用户的会员号就相当于OpenID了，总而言之，在同一个开发体下，UnionId是唯一的，而OpenID不一定唯一。
微信授权登录
如果用户在微信客户端中访问第三方网页，那么第三方网页需要通过微信网页的授权机制，来获取用户的基本信息，进而实现业务逻辑。用户授权登录的方式分为两种，一种是显式授权登录,一种是静默的授权登录。显式的授权登录页：这种方式是以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。需要用户手动点击登录按钮同意授权，可以获取较多的信息，比如用户头像、昵称、openId、unionId、是否关注公众号等。如下是常见的授权页面：
静默授权登录页：用户在无感知的情况下进行了授权。这种授权是以snsapi_base为scope发起的网页授权，是用来获取用户的openId，用户无需进入授权页就进入了第三方业务页。
授权流程
整个授权流程在微信开发者文档已有了比较清晰的解释，具体可点击这里进入微信网页授权。
整个过程可以总结成以下步骤:
- 引导进入授权页
用户授权需要进入以下页面（页面链接参数解释如上表所示）：https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE& state=STATE#wechat_redirect - 用户同意授权(scope=snsapi_base无此步骤)
- 授权后成功后服务器将code回传回来并重定向到第一步配置的回调页面
- 微信公众号通过code向微信服务器请求openId
- 微信公众账号通过Access Token向服务器请求用户信息(scope为snsapi_base时无此步骤)
- 服务器将用户信息回送给微信公众账号(scope为snsapi_base时无此步骤)
- 微信公众号通过openId向本服务器请求用户信息（若此openId已与第三方账号有所关联，那么可依据openId查询到用户在第三方数据库中的信息）
整个流程图如下所示：
相关代码
用户进入页面时首先判断是否存在微信返回的授权code，如果没有，则代表用户未进行授权，需要进入授权页
function getUserInfo(callback){
// 如果认证的code存在
if (params.code) {
const code = encodeURIComponent(params.code);
const data = {
mchId: 'WX001',
code,
};
const _params = new Params(params);
delete _params.code;
history.replaceState(null, null, _params);
$loader.show();
request('/node_api/user.do?fn=wxUserInfo', 'GET', data).then((res) => {
$loader.hide();
if (res.code === 0){
const userInfo = {};
try {
userInfo.wxInfo = res.content.userinfo || {};
userInfo.isbind = res.content.isBind;
userInfo.channelUserId = res.content.channelUserId;
} catch (ex) {
userInfo.wxInfo = {};
userInfo.isbind = false;
}
if (!userInfo.isbind) {
const userToken = {
accessToken: res.content.accessToken || '',
channelId: res.content.channelId || '',
channelUserId: res.content.channelUserId || '',
unionId: res.content.unionId || ''
};
// 将userToken写入cookie
document.cookie = 'userToken=' + encodeURIComponent(JSON.stringify(userToken));
}
callback(userInfo);
}else{
// 请求sso/login接口失败，弹提示信息
showTextMessage(res.msg);
}}, () => {
$loader.hide();
showTextMessage('网络异常，请稍后再试');
deleteCode();
});
}else{
// 无code 则进行微信认证
authorize();
}
}
