网站引入QQ登录可以为我们的网站极大的降低登录门槛,因为几乎所有用户都拥有QQ号。下面来说下引入QQ登录的步骤:
1.引入script脚本:
- <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101044974" charset="utf-8">
里面的appkey是你在腾讯申请接入网站通过后取得的appkey。
2.引入登录按钮以及js代码:
- <span style="margin-left:10px; margin-top:60px !important; float:left;"
- id="qq_login_btn" data-role="none"> </span>
- <script type="text/javascript">
- QC.Login({
- btnId: "qq_login_btn",
- scope: "all",
- },
- function() {
- QC.api("get_user_info").success(function(s) {
- var paras = {
- format: "json"
- };
- QC.api("get_info", paras).success(function(w) {
- var data = eval(w.data);
- weiboUrl = "http://t.qq.com/" data.data.name;
- lc = data.data.location;
- }).error(function(e) {
- }).complete(function(c) { //完成请求回调
- loginType = 1;
- nickName = s.data.nickname;
- var userQQSmallImage = s.data.figureurl_qq_1; //大小为40×40像素的QQ头像URL。
- userQQLargeImage = s.data.figureurl_qq_2; //大小为100×100像素的QQ头像URL。
- var userQQZoneImage = s.data.figureurl_1; //大小为50×50像素的QQ空间头像URL
- });
- });
- });
- </script>