python flask框架发布问答平台注册页面_Python|Flask框架实现QQ账号登录

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

前期准备

因为注册QQ互联需要已备案的网站，所以需要准备一个已备案的网站与域名。

首先访问QQ互联平台https://connect.qq.com/，注册成为开发者；

然后创建一个网站应用，等审核成功后会得到一个APP ID与APP KEY，后面会使用到。

开发流程

图1 准备网站应用

1 前端放置登录按钮

在网站找一个合适的位置放置登录按钮(建议放置在首页、登录页以及注册页)。登录按钮图标在QQ互联平台下载，上面提供了多种样式。效果如下：

图2 登陆页

具体HTMl代码如下：

href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=YOURAPPID&redirect_uri=URL">

其中a标签中 client_id 是最开始申请的APPID，redirect_uri是申请网站填写的网站回调域。

这样点开QQ登录按钮，就能跳转到QQ登录的界面：

图3 转跳后页面

2 获取Access Toke

当登录成功后，会跳转到刚刚所填写的回调地址。并且url后面会跟上Authorization Code（此Code在10分钟内过期）。接着通过Code值去获取Access Token（Access Token是应用在调用OpenAPI访问和修改用户数据时必须传入的参数）。

为了获取Access Token需要请求：

https://graph.qq.com/oauth2.0/token,方式为GET，请求参数包括以下：

参数是否必须含义grant_type必须值为“authorization_code”。

client_id必须申请QQ登录成功后，分配给网站的appid。

client_secret必须申请QQ登录成功后，分配给网站的appkey。

code必须上一步返回的authorization code

redirect_uri必须与上面一步中传入的redirect_uri保持一致。

如果成功返回，就可以得到Access Token。这一步具体代码如下：@home.route('/mycb')

def mycb():

data = request.args.to_dict()

code = data.get('code') #获取authorization code

url = 'https://graph.qq.com/oauth2.0/token'

body={'grant_type': 'authorization_code', 'client_id': '101860781','client_secret':'0f5a014e13e7d35fbcca51ecc2ff6745','code':code,'redirect_uri':'https://yujl.top/mycb'}

#body为上面所说的请求参数

response = requests.get(url, params=body) #发送GET请求

token = response.text 得到返回包

token_url = '?' + token

requests.session().close() #关闭请求

return redirect('/token' + token_url)

由于返回回来的包格式为：access_token=61897CE***************D444F968BD2A&expires_in=77**000&refresh_token=0018693**************6009D9C2EFBE

这样不能直接转换为json格式，所以将这个包作为参数然后转发到/token，以此来得到json格式的token。@home.route('/token')

def token():

data = request.args.to_dict() #得到access_token、expires_in、refresh_token

3 通过access_token来获取open_id

接着需要通过access_token来获取open_id（openid是此网站上唯一对应用户身份的标识，网站可将此ID进行存储便于用户下次登录时辨识其身份）。

请求地址为https://graph.qq.com/oauth2.0/me，方法还是GET，参数就是上面获取到的access_token。具体方法为：def get_openid(data): data为token得到的数据包

url = 'https://graph.qq.com/oauth2.0/me'

body = {'access_token': data.get('access_token')}

response = requests.get(url, params=body)

open_id = json.loads(response.text[10:-4])

open_id = open_id.get('openid')

requests.session().close()

return open_id

4 调用OpenAPI

得到open_id就可以调用OpenAPI了，API列表如下：

图4 API列表

接下来以get_user_info 为例：

还是以GET方式请求:

https://graph.qq.com/user/get_user_info,

需要的参数有access_token、oauth_consumer_key（APP ID）、openid。代码示例：def get_user_info(data, open_id):

url = 'https://graph.qq.com/user/get_user_info'

body={'access_token':data.get('access_token'), 'oauth_consumer_key': '101860781', 'openid': open_id}

response = requests.get(url, params=body)

user_info = response.json()

requests.session().close()

return user_info

返回的参数说明：

图5 参数说明

5 保存用户数据

到这一步，基本就完成了。接着就是根据自己的需要，可以在user界面展示昵称和头像，和选择存进数据库了。选择将open_id作为用户的唯一标识符存进数据库，这样用户在后面登录的时候可以得到上次保存的信息。以下是这部分代码：@home.route('/token')

def token():

data = request.args.to_dict()

open_id = get_openid(data)

user_info = get_user_info(data, open_id)

uuid_count=User.query.filter_by(uuid=open_id).count()

#查询openid是否存在。

if uuid_count == 1:

#如果存在就根据openid查到用户信息，并添加到session空间里。

name = User.query.filter_by(uuid=open_id).first()

session['home'] = name.name

return redirect('/user')

else:

#如果不存在，也就是第一次登录，给一个默认的密码（经过hash加密）

password = generate_password_hash('123456')

hash_name = str(hash(random.randint(1000,9999)))

name = user_info.get('nickname') + hash_name

#因为我的网站是不允许重名的，所以在qq的昵称后面加上一个随机数。

user = User(

name=name, #添加了随机数的用户名

uuid=open_id, #唯一标识符

pwd = password, #密码

face=user_info.get('figureurl_1') #头像

)#将相关信息存进数据库

db.session.add(user)

db.session.commit()

session['home'] = name #将用户名添加到session空间中。

return redirect('/user') # 重定向到user界面。

python flask框架发布问答平台注册页面_Python|Flask框架实现QQ账号登录相关推荐

python的flask实现第三方登录怎么写_Python语言的Flask框架应用程序实现使用QQ账号登录的方法...
本文主要向大家介绍了Python语言的Flask框架应用程序实现使用QQ账号登录的方法,希望对大家学习Python语言有所帮助. Flask-OAuthlib是OAuthlib的Flask扩展实现, ...
Python学习笔记7：实操案例四（支付密码的验证，模拟QQ账号登录，商品价格竞猜，星座看运势）
Python学习笔记7:实操案例四(支付密码的验证,模拟QQ账号登录,商品价格竞猜,星座看运势) 1.支付密码的验证: 这个主要就是调用isdigit()函数判断字符串是不是全是数字组成. pwd=i ...
vue编写一个登录页面，使用Tab栏实现“账号登录”和“二维码登录”这两种方式的切换
编写一个登录页面,使用Tab栏实现"账号登录"和"二维码登录"这两种方式的切换,并通过transition组件结合animate.css实现切换时的动画效果 1 ...
Flask实战2问答平台-父模板抽离(登录注册界面)
我们写一个基模板,然后让其他的继承. (1)新建基模板base.html 注意5,13,53行的{%%}块 <!DOCTYPE html> <html lang="en&q ...
Flask实战2问答平台-发布问答界面完成
当我们登录进来后,我们便可以发布问答了,注意一点再未登录之前,我们是不能点击发布问答的,这一点我们在下一篇文章中实现. (1)新建question.html,还是继承base.html {% ext ...
flask实战之问答平台(参考b站视频)
准备新建一个项目,在项目中添加一个config.py文件,用来进行邮箱验证码,cookie,和session和一些加密等的配置这样看来config.py是项目的一部分了,但是还要在app.py中进 ...
python安卓qq登录_Python的Flask框架应用程序实现使用QQ账号登录的方法
Flask-OAuthlib是OAuthlib的Flask扩展实现, 项目地址: https://github.com/lepture/flask-oauthlib 主要特性: 支持OAuth 1.0 ...
Flask实战2问答平台-登录限制(装饰器)
我们来解决上一文章说到的,为登录不能点击发布问答功能 (一)先写一个装饰器装饰器教程参考廖雪峰教程 http://t.cn/RK0SaGl from functools import wraps # ...
python flask快速入门与进阶百度云_Python Flask快速入门与进阶
课程目录 1-1 Python Flask快速入门与进阶.mp4 2-1 windows环境安装开发环境 (上).mp4 2-2 windows环境安装开发环境 (下).mp4 2-3 配置开发环境. ...

python flask框架发布问答平台注册页面_Python|Flask框架实现QQ账号登录

python flask框架发布问答平台注册页面_Python|Flask框架实现QQ账号登录相关推荐

最新文章

热门文章