vue H5获取微信登陆code

Posted 2023-04-02

参考技术A CodeBtn()

    let _this=this;

    let appid = "xxxxxxxxx"; //公众平台appid

    const code = _this.getUrlParam('code'); //是否存在code

    let local = encodeURIComponent(window.location.href);//获取当前url

    if (code == null || code === "")

        //不存在就打开上面的地址进行授权

        window.location.href =

          `https://open.weixin.qq.com/connect/oauth2/authorize?appid=$appid&redirect_uri=$local&response_type=code&scope=snsapi_userinfo&state=wecedirect`;

      else

        _this.code = code;

        _this.getOpenId(code);

     

    ,

,

// 获取url地址栏参数

getUrlParam(name)

      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");

      var rrr = decodeURIComponent(window.location.search);

      var r = rrr.substr(1).match(reg);

      if(r != null) return unescape(r[2]);

      return null;

,

getOpenId()

    // 修改url参数以及设置参数

    window.history.replaceState(, '','http://www.wkjiankang.com');

微信绑定用户名免登陆的思路

1.修改数据库结构或者新建一张表，使微信的useropenid能和用户的账号生成绑定关系。

2.给用户一个login.aspx界面，这个界面带着微信公众号的appid访问到index.aspx，作用是获取用户的code。

3.在index.aspx界面获取用户的code之后，根据code获取到useropenid。

4.判断useropenid在不在绑定关系中，如果在直接从数据库取数据传递到（跳转到）正式界面Default.aspx；如果不在跳转到登陆界面bind.aspx，给用户账号绑定useropenid，然后从数据库取数据传递到（跳转到）正式界面。