细说pc端微信扫码登录

最近做了一个pc端微信扫码登录和微信付款的功能，一个比较常见的问题是在移动端使用微信扫码操作完毕后，pc端如何实时响应的问题。这里细说一下登录的实现流程，付款方面暂时还没找到比较好的实现方法，只能暂时用轮询。

微信扫码登录前端实现流程：

1. 在登录页面引入微信官方提供的插件，http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js
2. 新建一个中间页面（weixin_login.html），此页面用来获取移动端扫码操作后的返回状态，再根据返回的状态做相应的处理（如页面重定向）
3. 在登录页面的js中引入下面的代码：

var obj = new WxLogin({
        self_redirect: false,
        id:"wx-code", 
        appid: "***", 
        scope: "snsapi_login", 
        redirect_uri: "https://www.***.com/weixin_login.html",
        state: "",
        style: "",
        href: "https://www.***.com/css/weixin_code.css"
    });

    4. 在手机端扫码，点击确认登录后就会实时进入到redirect_uri指向的页面（如我这里的weixin_login.html），然后在weixin_login.html后会带有一个code的操作，拿到code和后端交互，后端就会拿到微信服务器返回的信息提供给前端，然后就可以做相应的操作。

注意：上面代码中，href引入的是你自己写的样式文件，改变微信默认的二维码样式，要用https的协议