接入第三方登录(微信、QQ、新浪微博)

462 阅读1分钟

最近做一个小项目,收到一个需求,需要接入第三方登录,不多说废话,直接上代码
首先在index.html文件中加入下面的外链js文件:
注:其中111111对应在相关第三方平台申请的appid,其中111111.com对应在相关第三方平台设置的回调地址

然后在对应的登录按钮上添加对应的事件:

// 微信登录
wechatLogin() {

window.location.replace(open.weixin.qq.com/connect/oau…)

}

// QQ登录

qqLogin() {

window.location.replace(https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=111111&redirect_uri=https%3a%2f%2f111111.com&scope=scope)

}

// 微博登录

weboLogin() {

window.location.replace(https://api.weibo.com/oauth2/authorize?client_id=111111&response_type=code&redirect_uri=https%3a%2f%2f111111.com)

}

然后回调的地址中就能拿到登录的code,再用这个code就能请求到后端的用户信息啦~