PC端使用微信登陆

PC端使用微信登陆,成功后先跳转到登陆等候页面然后跳到个人中心  扫描二维码
  登陆等待
1、首先要后台去申请微信appid以及前期的一些准备工作,当然前端做也可以,但是我没负责这块,我就不知道怎么申请,申请成功后会给一个appid
  2、二维码页面代码

	<div id="wxCode"></div>
 <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
  <script>
    $(document).ready(function(){
      var obj = new WxLogin({
        id:"wxCode",  //div的id
        appid: "wx6axxxxxxxxxxxxxd6",  //后台申请的appid
        scope: "snsapi_login",  //写死
        redirect_uri:encodeURI("https://xxxxxxxxxxxxxxxx.html") ,  //扫描二维码后跳转的页面
        state: "",
        style: "black",//二维码黑白风格
        href: ""
      });
    });
  </script>

3、跳转页面
  扫描二维码后会返回一个code,该code会自动添加在你跳转页面的url地址后面,后台需要通过code判断是否登陆成功,最好是新增一个页面专门用来判断是否登陆成功,不要直接跳转到原本的页面。
  在新页面获取code

 getRequest() {
    var url = window.location.search; //获取url中"?"符后的字串
    url = url.substr(1);
    url = url.split('&')[0].split('=')[1];
    var theRequest = {code:url};
    return theRequest;
  }

将获取的code传给后台,后台判断后返回结果给你,再通过结果判断是否跳转到个人中心页

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值