分享到 :

放置“QQ登录”按钮_OAuth2.0

 

 

本步骤的作用

在网站页面上放置“QQ登录”按钮,并为按钮添加前台代码,实现点击按钮即弹出QQ登录对话框。

本步骤在整个流程中的位置

oauth2.0_guid_2.png

上一步

准备工作_OAuth2.0

 

1. 下载“QQ登录”按钮图片,并将按钮放置在页面合适的位置

按钮图片下载: 点击这里下载
按照UI规范,将按钮放置在页面合适的位置:点击这里查看

2. 为“QQ登录”按钮添加前台代码

2.1 效果演示

用户在页面上点击“QQ登录”按钮,将触发QQ登录对话框,效果如下图所示:

OAuth_guide_V2_4.png

2.2 前台代码

为了实现上述效果,应该为“QQ登录”按钮图片添加如下前台代码:

 

 

2.3 代码示例

1. 写一个函数“toLogin()”,该函数通过调用“index.php”中的qq_login函数来实现将页面跳转到QQ登录页面。

(示例中的oauth/index.php,请参见从SDK下载页面下载PHP SDK,在oauth文件夹下的index.php文件。

2. 为按钮添加“toLogin()”事件:

 

下一步

server-side模式:请参见使用Authorization_Code获取Access_Token

返回顶部