微信公众号开发，获取用户信息（前端）_前端公众号无感获取用户信息

微信网页授权文档 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

本人使用的是公众平台测试账号进行的代码测试。（开发 —》开发者工具—》公众平台测试账号）

如何配置可参考文章 微信公众平台测试账户开通

一，微信网页授权流程（微信文档都有）

二，前端获取code

禁忌：不要发送请求获取微信的code，会报跨域，需要把它当成页面打开

变化的是appid,redirect_url,responese_type,scope, 

其中redirect_url很关键，获取成功code之后，页面会重定向你设置的redirect_url

    var wxappid = 'wxcd3e32942e4b220a';
    var redirecturi = 'https%3a%2f%2fweixin.cenozon.cn'
    var url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + wxappid + '&redirect_uri=' + redirecturi + '&response_type=code&scope=snsapi_base&state=123#wechat_redirect'
    window.location.href = url

在重定向后的页面获取到code ，可以看到这个时候code是在地址上返回给我们的。

截取链接地址上的code,拿到code，给后端换取token

        const url = window.location.search;
        const start = window.location.search.indexOf('code=');
        const end = window.location.search.indexOf('&');
        const code = url.substring(start + 5,end)

完整的页面逻辑

1.先判断是否有用户唯一标示，没有的话就去获取code

1.先判断页面链接上是否有code，没有进行授权登陆

2.有code，就传给后端，获取信息 ，缓存用户唯一标示