北京web 前端（web前端QQ互联）
https://connect.qq.com/
2、创建网站应用- 资料填写
- 完善资料
<script type="text/javascript" charset="utf-8"
src="//connect.qq.com/qc_jssdk.js"
data-appid="APPID" // 审核通过的APPID
data-redirecturi="REDIRECTURI" // 网站回调地址。回调地址必须以http或https开头。腾讯目前业务线都已切至https.所以建议此处都填写https.如果网站不支持，请自行升级
></script>
在html页面需要插入QQ登录按钮的位置，粘贴如下代码：
<span id="qqLoginBtn"></span>
<script type="text/javascript">
QC.Login({
btnId:"qqLoginBtn" //插入按钮的节点id
});
</script>
注：如需自定义按钮。则将上面代码生成的html（即<span id="qqLoginBtn"></span>节点里面的代码）粘贴在对应位置即可。
6、 回调地址页面
<script type="text/javascript"
src="//connect.qq.com/qc_jssdk.js" charset="utf-8" data-callback="true"></script>
注：如果回调地址页与加入QQ登录按钮是同一个页面，则只需要引用一次脚本文件。页面URL地址中会在hash值部分加入access_token&expires_id=7776000。注意官网文档上面说可以拿到openid.其实是不可以的。需要登录后通过api拿到openid。
7、通过api获取access_token和openid
if(QC.Login.check()){ //如果已登录
QC.Login.getMe(function(openId, accessToken){ // 注意业务中依赖openId和accessToken的需要写入在回调里面
console.log(openId, accessToken)
});
}
到此QQ互联登录的基本流程已结束。
8、常用的js-sdk 的api
https://wiki.connect.qq.com/js_sdk使用说明
免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。文章投诉邮箱：anhduc.ph@yahoo.com
