最近做一个小项目,收到一个需求,需要接入第三方登录,不多说废话,直接上代码
首先在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就能请求到后端的用户信息啦~