接入第三方登录（微信、QQ、新浪微博）

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

<!-- 新浪微博 jssdk -->

<script src="//tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=2945471517&debug=true" type="text/javascript" charset="utf-8"></script>

<!-- QQ jssdk -->

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="111111" charset="utf-8" data-callback="true" data-redirecturi="https://111111.com"></script>

 

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

// 微信登录
wechatLogin() {

window.location.replace(https://open.weixin.qq.com/connect/oauth2/authorize?appid=111111&redirect_uri=https%3a%2f%2f111111.com&response_type=code&scope=snsapi_userinfo&state=123&connect_redirect=1#wechat_redirect`)

}

// 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就能请求到后端的用户信息啦~