qq第3方登录的JS实现方式记录

1. 首先申请qq第3方登录接入的appkey和appid,具体方式http://wiki.connect.qq.com/%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C_oauth2-0

2. 在网站首页如index.html head上加入<meta property="qc:admins" content="212010447760171776375" />

3. 在网站第3方登录页面如qqlogin.html引入

4. <script type= "text/javascript"   src= "http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"    data-appid= "申请appid"  data-redirecturi= "http://你的网站域名/get.html"  ></script>                                        //data-redirecturi 是qq登录成功后，返回的页面。

   之后加入qq登录的button

5. <span id= "qqbtn" ></span>
      <script type= "text/javascript" >
        QC.Login({
           btnId: "qqbtn"     //插入按钮的节点id
   });</script>
6. 点击qq登陆button后，会跳转到qq官方的登录页面，登录成功后，会返回 data-redirecturi="http://你的网站域名/get.html"  设置的页面，在get.html里可以获取qq用户的user_info

7. <! DOCTYPE > < HTML >   < HEAD >    < TITLE > qq 接入 </ TITLE >    < meta  http-equiv = "Content-Type"  content = "text/html; charset=utf-8"  />     < script  type = "text/javascript"  src = "http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"  charset = "utf-8"  data-callback = "true" ></ script >   </ HEAD >   < BODY >   < h1 >qq 接入</ h1 >    < script  type = "text/javascript" >      if(QC.Login.check()){//如果已登录成功          QC.Login.getMe(function(openId, accessToken){           alert(["当前登录用户的", "openId为："+openId, "accessToken为："+accessToken].join("\n"));         }); //这里可以调用自己的保存接口 } </ script >   </ BODY > </ HTML >

   搞定收工…… 

转载于:https://www.cnblogs.com/snowhite/p/4977023.html