微信网页授权+分享我踩过的坑来看看为什么程序员总是因为遇到这些意想不到的问题而加班。领导：我要做两个页面，可以微信访问我：简单，用H5实现产品设计...不能改变要求，能否通过熟悉的秘方来实现；不过没用（笑哭表情）业务功能开发没有难度，模拟一个用户的信息，很快就开发完成了。。。微信网页授权官方文档：https://mp.weixin.qq.com/wiki...1.登录自己的服务账号?查看现有权限组织申请2.公众号设置注意事项：授权回调域名配置规范为全域名。例如需要网页授权的域名为：www.qq.com。配置后该域名下的页面为http://www.qq.com/music.html，http://www.qq.com/login.html可以进行OAuth2.0认证。但是http://pay.qq.com,http://music.qq.com,http://qq.com不能进行OAuth2.0...注意：下载这个文件放在对应的根目录下3.生成链接“https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect”访问www.qq.com/#/detail.html例如上面第2步设置的网页授权域名为www.qq.comREDIRECT_URI为encodeURIComponent('http://www.qq.com/#/detail.ht...SCOPE是snsapi_base还是snsapi_userinfo，区别是只获取Userid，我们获取更多的用户信息state随便写，以123为例（没看出有什么用），其他参数不变注意：为什么要用encodeURIComponent，想一想，你直接在url里面写url，怎么直接解析成参数4.放在微信里面访问第3步生成的链接作为聊天消息，复制到微信，点击打开，然后我们会用alert(location.href)找到，地址变成“http://www.qq.com/?code=generatedrandomcode&state=123#/detail.htmlwrittenabove”//获取url参数导出函数getQueryVariable（变量）{constquery=window.location.search.substring(1)constvars=query.split("&")for(leti=0;我
