腾讯QQ授权登录(asp.net + angular)

在前面QQ互联稍微介绍过一下,这里进行详细介绍。


成为开发者

首先打开QQ互联官网https://connect.qq.com/index.html

点击注册,完善相关信息

QQ互联





完成开发者认证

在菜单上选择应用管理,进入后选择开发者认证,填写个人信息

实名认证





创建网站应用

完成开发者认证后,选择创建网站应用(提醒:同一个域名不需要创建多个应用,添加回调域即可)

创建网站应用(PC和H5)


需要准备的资料主要有:

1、完成备案的域名

2、开发好的网站

3、服务器


做这步之前要先把网站大体开发好,同时部署到外网,有备案的域名,开放到80端口。


认证是一般选择添加一个腾讯提供的文件到网站根目录(验证开发者的权限)


特别注意:

回调域填写很重要、很重要、很重要(重要的事说三遍)

比如我的域名为www.baidu.com

那么网站域名输入框就填www.baidu.com

登陆回调页面假设为根目录下的logincallback.html,那么此时我的网站回调域就可以填http://www.baidu.com/logincallback.html(填http还是https得看网站类型)

假如二级域名也想接入登陆,二级域名为msg.baidu.com,同时登陆回调页面也为根目录下的logincallback.html,那么此时就需要修改域名回调域,添加一条记录http://msg.baidu.com/logincallback.html

 

至此,网站回调域应该为:http://www.baidu.com/logincallback.html;http://msg.baidu.com/logincallback.html

 




登陆页面配置

一般来说都是在登录页面上添加第三方登录链接的(QQ、微博、微信),所以登录页面需要做一些就修改


添加链接

<a  class="btn btn-primary" href="https://graph.qq.com/oauth2.0/authorize?client_id=填写openid&response_type=token&scope=all&redirect_uri=填写回调地址"�>一键登录</a>

为了自定义开发,不采用官网推荐的写法,直接采用超链接方式。





回调页面配置

回调页面是网站回调域里面的一个页面,需要做以下几处修改。


导入js文件

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"   data-appid="这里填appid" data-redirecturi="这里填回调域对于地址"   charset="utf-8"></script>

appid在QQ互联官网>应用管理下的具体应用下可以看到,回调域网址是当前页面的外网地址(当然得先在应用回调域里配好)


调用api

调起QQ登陆


先调用api里获取用户信息(get_user_info)接口,然后在回调函数里调用获取登录信息方法(QC.Login.getMe),成功后容易取得用户信息(常见的字段有用户开放id:openid,昵称:nickname,性别:gender,头像:figureurl_qq_2,),更多信息可通过控制台查看相关数据。

完成数据获取后,对数据进行相关处理,然后提交给后台,完成登录。



结束语

QQ一键意义在于接入腾讯海量用户,减低网站注册门槛,实现社交关系的零成本引入和优质内容的快速传播。

记住密码功能有安全漏洞,主要表现为只提供openid就可以完成登录,这个在开发的时候要酌情考虑,采用恰当的方式来完成,提高安全性能。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,876评论 25 709
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,958评论 1 45
  • 如QQ互联,这里详细介绍如何实现微博登录。 成为开发者 首先还是得先注册一个微博账号,用微博账号来登录开放平台。 ...
    MsgSS阅读 2,686评论 1 0
  • 又一个风和日丽的周末早晨,丽姐看看天,叹一口气,同时又松一口气。默数321.起床,洗漱,收拾,做饭...等...
    王紫_33eb阅读 229评论 2 2
  • 道生一、一生二、二生三、三生万物。 ...
    姚三清阅读 226评论 0 1