微信网页版登录机制是怎样的实现流程？

本文共计1608个文字，预计阅读时间需要7分钟。

当前网站开发，普遍绕不开微信登录（微信已成为国民工具）。尽管文档写得详细，但对于缺乏经验的开发者来说，仍可能遇到陷阱。以下记录微信网页认证的交互逻辑：

现在的网站开发，都绕不开微信登录（毕竟微信已经成为国民工具）。虽然文档已经写得很详细，但是对于没有经验的开发者还是容易踩坑。

所以，专门记录一下微信网页认证的交互逻辑，也方便自己日后回查：

1. 加载微信网页sdk
2. 绘制登陆二维码：新tab页面绘制 / 本页面iframe绘制
3. 用户扫码登陆，前端跳入回调网址
4. 回调网址进一步做逻辑处理，如果是页内iframe绘制二维码，需要通知顶级页

微信网页SDK加载

在多人团队协作中，加载资源的代码需要格外小心。因为可能会有多个开发者在同一业务逻辑下调用，这会造成资源的重复加载。

处理方法有两种，第一种是对外暴露多余接口，专门check是否重复加载。但是考虑到调用者每次在加载前，都需要显式调用check()方法进行检查，难免会有遗漏。