博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
pc端使用微信登陆
阅读量:5355 次
发布时间:2019-06-15

本文共 1031 字,大约阅读时间需要 3 分钟。

 

 

  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传给后台,后台判断后返回结果给你,再通过结果判断是否跳转到个人中心页

  

转载于:https://www.cnblogs.com/qiruoranbeginner/p/9935761.html

你可能感兴趣的文章
SuperMap iServerJava 6R扩展领域开发及压力测试---判断点在那个面内(1)
查看>>
Week03-面向对象入门
查看>>
一个控制台程序,模拟机器人对话
查看>>
Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇——纯前端多页面)
查看>>
我的PHP学习之路
查看>>
【题解】luogu p2340 奶牛会展
查看>>
对PostgreSQL的 SPI_prepare 的理解。
查看>>
解决响应式布局下兼容性的问题
查看>>
使用DBCP连接池对连接进行管理
查看>>
【洛谷】【堆+模拟】P2278 操作系统
查看>>
hdu3307 欧拉函数
查看>>
Spring Bean InitializingBean和DisposableBean实例
查看>>
[容斥][dp][快速幂] Jzoj P5862 孤独
查看>>
Lucene 学习之二:数值类型的索引和范围查询分析
查看>>
软件开发工作模型
查看>>
Java基础之字符串匹配大全
查看>>
面向对象
查看>>
lintcode83- Single Number II- midium
查看>>
移动端 响应式、自适应、适配 实现方法分析(和其他基础知识拓展)
查看>>
selenium-窗口切换
查看>>