万象时代LOGO
  • 万象时代微信 万象时代微信服务号
  • 点击访问万象时代新浪微博 万象时代微信服务号
  • 万象时代_服务热线

新闻资讯

News

网站登录中使用授权QQ登录OAuth2.0(二)

DATE:2015-06-12 已浏览
349

现在很流行用第三方登录集成到我们网站中,这样可以增加用户黏性,让用户能更稳定的使用我们的网站应用。下面我们就进一步介绍一下通过使用授权QQ登录OAuth2.0来登录网站。

在我们创建好了基础应用后,就要实施项目上具体的使用了。

1.我们首先打开腾讯开放平台网址

http://open.qq.com/

一次选择:导航“资料库” - 资料库“网站接入指引” - SDK下载


2.下载相关的SDK

由于我们是采用php开发,所以这里我们下载[ PHP SDK v2.0 ]

其目录结构为:

其中绿色框中是我们需要用到的部分。


精简如下:


3.假定我们将整个Connect2.0文件夹放到根目录。

4.在上一期我们讲到基本资料如下:

可以看出,我们的回调地址是:http://www.wxsd.cc/denglu

5.现在假定我们打开我们的Oauth的登录地址:

http://www.wxsd.cc/Connect2.0/install/index.php

打开后应该是如下效果,只不过没有属于,这里我们已经填好相关数据:

填好后,点击”配置“即可。 这里需要说明一下,其中请求授权列表是分别代表各种深入的功能,如用户基本信息、共享数据、图片、等等,需要我们分别在后台申请才可以获得相关数据,这里我们勾选第一个“get_user_info”,获得用户基本数据,这其中包括我们需要获得的用户唯一身份标识,openid。

此配置正确的话,只需要配置一次即可。配置好的参数会生成一个文件,放在Connect2.0/API/comminc.php中,这是一个json数据,以后每次调用登陆的时候是获取之类的接口参数。

6.现在我们可以打开演示文件的地址:

http://www.wxsd.cc/Connect2.0/oauth/index.php

打开后效果如下,这里我们查看框选的代码:

代码看不清楚的用户,用谷歌、360等浏览器,鼠标拖动查看大图。

我们只要将这两块代码移动到我们实际的登录页面就可以了,值得注意的是其中有个地址一定要注意路径,不然会登录报错:

就是这个地址,这个这个一定要写好相对路径,建议我们写成绝对路径,不明白[相对路径]、[绝对路径]的用户,可以通过网上查下,也可以看看我们的介绍:http://www.wanxiangshidai.com/news/show/22/79.html

我们在实际应用的时候指定要指定正确“index.php”的路径。

至此,我们针对网站登录中使用授权QQ登录OAuth的使用就介绍到这里,希望可以帮到各位用户朋友们。