迅速为网站添加QQ登录的实例教程

loading...

QQ登陆 是现阶段更为时兴的网站社会发展化登录方法,是腾迅企业出示给第三方网站的一种服务,可让客户应用QQ账号及信息内容在其他网站在登陆,共享內容、同歩信息内容,进而大大的降低了客户申请注册的繁杂流程,真实完成了一键登录。依靠QQ巨大的客户群,连接QQ登录的第三方网站,能够轻轻松松地提高网站的客户数。

connect_summary_1.png
普遍的 QQ登录 方式

即然是探讨怎样 迅速为网站添加QQ登录的实例教程 ,就空话少说,奔向主题风格:

必须留意:
必须先申请注册变成运用开发设计者,一般选本人便可以了。
申请办理了开发设计者以后,开启申请办理QQ登陆的连接。
这一网页页面中的,网站名称称、网站域名、标志等全是填好你自身的,登陆页详细地址和回调函数详细地址网站域名全是填好你自身的域名便可以了!
验证室内空间QQ号码填你自身的QQ号码就可以了!
申请办理以后,立即根据审批,随后在我的申请办理网页页面你也就会获得用以登陆的app ID和app KEY,以下图:

二、添加QQ登陆按键

1、在建登录页 index.htm,在 head 标识里加入QQ登陆的JS SDK库:
script type= text/javascript src= qzone/openapi/qc_loader.js data-appid= 申请办理来的APPID data-redirecturi= 回调函数网页页面URL,如: charset= utf-8 /script

2、在 body 标识中必须显示信息QQ登录标志的地区,添加下列编码:

 span id= qq_login_btn /span   script type= text/javascript  QC.Login({//按默认设置款式插进QQ登陆按键 btnId: qq_login_btn  //插进按键的连接点id });  /script  

留意:回调函数网页页面URL中的网站域名,务必与你以前回调函数详细地址网站域名中填好的根域一致。,回调函数网页页面URL,就务必是...。

3、在建回调函数页 transfer.htm,在 head 标识里加入: script type= text/javascript src= qzone/openapi/qc_loader.js charset= utf-8 data-callback= true /script ;

4、在 body 标识中,添加下列编码: h3 数据信息传送中,请稍后... /h3 ,那样在回调函数全过程中,能看得很清晰,此流程也可省去!

留意:由于申请注册时,填好了回调函数详细地址网站域名,且回调函数网页页面URL务必包括回调函数详细地址网站域名,因此没法在该机调节,调节可提交至一切适用静态数据html网页页面的室内空间。

所述演试:qqlogin/

这仅仅一个基本案例的演试,QQ对外开放服务平台出示了十分丰富多彩的API插口主要参数,能够开发设计者启用各种信息内容,将来我站将在这个基础上再次解读,请大伙儿关心!

系列产品实例教程:

2、QQ登录网页页面后客户情况的自定实例教程

/
转截规定标明来源于,请重视创作者著作权!

重要字: QQ登录 qq互连 一键登录