最近遇到了微信登录，所以就花时间写下了这次微信登录的整个过程（包括我遇到的坑），记录下来作为笔记。

我所做的是通过微信登录第三方网站（即用户通过扫描我们系统登录页面的微信二维码授权后登录我们的系统）

这里就不讲如何通过微信开放平台申请域名授权了（这些是我们大佬申请的，域名搞完了告诉我，我可以处理）

好吧，我们言归正传吧！ ！ ！

所谓微信登录流程就是第三方网站发起微信登录授权请求，然后微信会给你一个二维码。 用户用微信扫描二维码进行授权后，授权成功后，微信会回调您之前填写的网站。 ，并会带来授权成功的代码。 该代码是您进一步获取的凭证。 没有这个代码，就无法获取，……等等一系列信息！

嗯……微信开放平台的API部分也说得很清楚了，你可以去看看！

获取代码

获取code的方式很简单，就是提供一个二维码供用户扫描授权。 授权成功后，返回code；

微信提供两种二维码呈现方式。 首先是跳转到另一个页面：

该方法只需要跳转到微信给出的链接即可：

(必填)是授权成功后得到的(当然下面还有一个东西会用来获取)

（必填）为回调地址（微信给出的说明：请使用链接处理）。 是用户授权成功时微信回调到你页面的地址（此时使用的是你之前申请的域名，回调成功后即可获取code）

（你可以这样写你的域名 // 访问你的，然后在后台获取代码；）

（必填）此处填写固定值代码即可；

（必填）应用授权范围。 我的是页面登录，所以直接填写固定值；

（可选）为了防止跨站请求伪造攻击，只需使用Math.()生成一个随机数并添加一个自己编写的固定值或者直接这样做；

第二种是在页面中嵌入二维码（可以将二维码放在你想放的页面的div中，我用的是嵌入二维码的风格）。 要使用这种样式，有两个步骤。 :

（1）在要显示的页面中引入微信提供的js

​ ​

（2）实例化js对象（这里注意！一定要填写，否则回调时你填写的div里面会显示你的整个页面）

当我们使用第二种嵌入二维码的时候，我们会遇到二维码太大的情况。 这时候我们就需要自己调整二维码样式了。

这个href就是你想要修改二维码样式时需要填写的样式链接地址。 这个地址只能配合协议（微信是这么解释的，我没试过，但是http的实在是不起）效果！）。