PC端微信登陆 + qq登录

1. 微信登录

2. QQ登录

1. 微信登录

官方文档地址：网页授权 | 微信开放文档

点击微信登录触发事件后，会跳转到微信授权页面，授权成功后页面自动跳转到回调地址页面，需在微信公众平台配置地址

     //   微信登录wxLogin() {let url = 'https://open.weixin.qq.com/connect/qrconnect?appid=自己的appid&redirect_uri=http://回调地址（微信公众平台配好）&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect'window.location.href = url},

授权成功后回调页面的地址上会携带code，在回调页面上进行操作，截取code作为参数调用后台接口

     // 获取code登录getLogin() {// 判断是否登录过let userdata = {}if (localStorage.getItem('userdata')) {userdata = JSON.parse(localStorage.getItem('userdata'))}if (userdata.id) {return false}let code = this.getUrlCode().code; //是否存在code// 微信登录if (code) {// 拿到code 调用后台接口进行操作}},

2. QQ登录

官方文档地址：放置“QQ登录”按钮_OAuth2.0 — QQ互联WIKI

在这里添加脚本

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8"></script>

QQ登录事件触发调起qq登录页面，授权登录成功会自动跳到回调地址, 需要在QQ互联上配好地址

     /*qq登录按钮点击*/qqdl() {this.$nextTick(() => {QC.Login.showPopup({appId: "123456",redirectURI: "http:回调地址", //登录成功后会自动跳往该地址});});},

授权成功后回调页面的地址上会携带accessToken，在回调页面上截取后跟后台交互完成登录

 // qq登录let accessToken = ''console.log('href--accessToken', accessToken);if (location.href.split('access_token=')[1]) {accessToken = location.href.split('access_token=')[1].split('&')[0]}if (accessToken) {拿到accessToken后作为参数给后台接口请求登录}

PC端微信登陆 + qq登录相关推荐

细说pc端微信扫码登录
最近做了一个pc端微信扫码登录和微信付款的功能,一个比较常见的问题是在移动端使用微信扫码操作完毕后,pc端如何实时响应的问题.这里细说一下登录的实现流程,付款方面暂时还没找到比较好的实现方法,只能暂时 ...
前端PC端微信扫码登录
PC端微信扫码登录一.微信开放平台 1.创建网站应用 2.设置回调域名二.代码 1.在index.html页面引入http://res.wx.qq.com/connect/zh_CN/htmled ...
Springboot 实现 PC端微信扫码登录
依赖 <dependency><groupId>org.apache.httpcomponents</groupId> ...
vue 实现PC端微信扫码登录（二维码内嵌网页版）
1.先在index.html中引入js文件 <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogi ...
PC端微信可自动登录，终于不用手机扫码了
部分用户的 PC 版本微信已经支持自动登录, 即不借助手机扫码就可以独立登录 PC 版微信. 该功能目前仍处于灰度测试中. 图片自动登录功能.自动登录功能需要在手机微信「已登录设备」页面,或者扫 ...
vue PC端微信扫码登录
我用的element,要是在弹窗里面使用,还是用自定义弹窗比较好,据说用官方的el-dialog会出不来.上代码: 在index.html页面里面引入对应的脚本 <script src=&quo ...
PC端微信扫码登录
1.当前页面打开微信二维码页面 window.location = 'https://open.weixin.qq.com/connect/qrconnect?' + 'scope=' + this. ...
PC 端微信扫码注册和登录
一.前言先声明一下,本文所注重点为实现思路,代码及数据库设计主要为了展现思路,如果对代码效率有着苛刻要求的项目切勿照搬. 相信做过微信开发的人授权这块都没少做过,但是一般来说我们更多的是为移动端的网 ...
Windows PC端微信同时登录多个账号
Windows PC端微信同时登录多个账号今天要分享的是一个小技巧:如何在Windows PC端同时登录多个微信账号? 其实某度经验有这个问题的答案,但是可能因为微信版本有升级,导致采用某度经验的方 ...

PC端微信登陆 + qq登录

1. 微信登录

2. QQ登录

PC端微信登陆 + qq登录相关推荐

最新文章

热门文章

PC端 微信登陆 + qq登录

1. 微信登录

2. QQ登录

PC端 微信登陆 + qq登录相关推荐

最新文章

热门文章

PC端微信登陆 + qq登录

PC端微信登陆 + qq登录相关推荐