微信公众号内嵌h5网页 实现微信授权

废话不多说  上代码

      if(window.location.search){

        let str = window.location.search.split("&")[0].split("=")[1]

        this.wxcode = str

      }else{

        window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=your_app_id&redirect_uri=http://www.your_back_url.com/login&response_type=code&scope=snsapi_base&state=123&connect_redirect=1#wechat_redirect"

      }

解释下  首先是appid这个直接到微信公众平台上面抄下来就行

然后就是redirect_url 代表的是用户授权通过之后所跳转的地址   这个东西  必须写成我上面这种格式或者转码的格式   但是我被转码坑过  帮我多加了一个f找了好久才发现的  所以尽量和我这个格式写的一样

response_type 这个值是固定的为code

然后就是scope了  这个如果不想让用户知道直接获取code的话就设置成我这个snsapi_base    如果需要用户同意 那就设置成snsapi_userinfo 这样用户每次进来都需要设置

我自己的这段代码他的跳转地址就是当前页面所以我判断了下search是否有code这些东西  如果有的话直接保存在当前data里面  没有就直接改变当前页面的url 

其他的尽量按照一样的来  基本不会出什么问题   如有疑问请留言