记录微信网页扫码登录过程以及其中的坑

准备工作：

• 注册微信开放平台账号（https://open.weixin.qq.com）

• 进入【管理中心】->【网站应用】 新建一个网站应用，需要：名称、英文名、介绍、官网、网站信息登记表扫描件（需要事先准备好，因为需要审核，但是提交之后没法编辑申请）、LOGO两张（2828、108108），应用审核时间声明是7个工作日内，但是我的app2天就通过了。

• 等待审核通过之后，申请开通微信登录【使用微信帐号登录App或者网站】，再次之前需要按提示认证开发者，费用大陆地区300RMB,认证过程我在第二天就完成了。

• 在【开发信息】一栏中填入网站的域名，看其他文章说域名不可以带http://开头，经过确认www.可以携带，当然这里携带的是域名，不需要完整的回调地址

开发中：

• 引入相关js文件

• 在需要登录的界面中定义

    var obj = new WxLogin({
          id: "login_container",
          appid: "appid",
          self_redirect:false,
          scope: "snsapi_login",
          redirect_uri: "wrl",
          state: "",
          style: "",
          href: ""
      });
  
  

这里要注意的是：

scope目前只能填snsapi_login，其次，最多的问题是：redirect_uri有问题。

这里redirect_uri需要带上http://，而且是自己网站完整的登录回调地址，同时要经过urlEncode

别的就没什么了，其他的看文档就可以了，主要是这个redirect_uri尝试了各种情况。

----end-----