前面我总结了一下微信支付的问题，现在再总结一下微信登录（同样，关于在公众平台的申请配置啥的我也不说了，因为这个具体的流程自己也还没走过，只贴前端代码哦~） 一、微信扫码登录 扫码支付可以由后端返回二维码页面链接跳转进去扫码登录即可，但是因为感觉和UI设计图不太匹配，所以我选择了由前端生成二维码,效果图如图所示： 首先我引入了一个js文件：
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>对于二维码部分：
var obj = new WxLogin ({ id: "qr-code",//div的id，用于放二维码 appid: "wxbaxxxxxxxxxx",//appid scope: "snsapi_login",//写死 redirect_uri: encodeURI("http://www.XXXXX.com/XXXXX"),此处为回调地址 state: "000", style: "black",//二维码黑白风格 href: "" });二、微信公众号授权登录
window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxbaxxxxxxxxxx&redirect_uri=http://www.xxxxxxxxx.com&response_type=code&scope=snsapi_userinfo&state=000#wechat_redirect'