欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

基于flask的网页聊天室(三)

程序员文章站 2022-07-01 23:14:20
基于flask的网页聊天室(三) 前言 继续上一次的内容,今天完成了csrf防御的添加,用户头像的存储以及用户的登录状态 具体内容 首先是添加csrf的防御,为整个app添加防御: from flask_wtf.csrf import CSRFProtect CSRFProtect(app) 这个添 ......

基于flask的网页聊天室(三)

前言

继续上一次的内容,今天完成了csrf防御的添加,用户头像的存储以及用户的登录状态

具体内容

首先是添加csrf的防御,为整个app添加防御:

from flask_wtf.csrf import csrfprotect

csrfprotect(app)

这个添加到init文件中,因为是创建app时的内容。
然后在html页面的表单中添加隐藏的csrf的input标签:

<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />

这样就可以对表单的提交添加csrf的防御了
为了之后可能在ajax中使用,在利用请求钩子在cookie中同样存储csrftoken:

from app import app
from flask_wtf.csrf import generate_csrf

@app.after_request
def after_request(response):
    csrf_token = generate_csrf()
    response.set_cookie("csrf_token", csrf_token)
    return response

同时也在app.py中将请求钩子引入内存:

from web_chatroom.request_hook import *

接下来进行用户头像的存储,这里使用了 网站中的头像,它通过这样的链接:

hash是用户邮箱的md5值,d=identicon的查询字符串是意思头像的分类,除了identicon还有很多别的类别的头像。
然后将这个头像链接保存到数据库中,于是修改原来的user表,添加init函数:

class user(usermixin,db.model):

    id = db.column(db.integer,primary_key=true,autoincrement=true)
    email = db.column(db.string(256),unique=true,nullable=false)
    username = db.column(db.string(32),unique=true,nullable=false)
    password_hash = db.column(db.string(128))
    avatar_url = db.column(db.string(256))

    def __init__(self,**kwargs):
        super(user,self).__init__(**kwargs)
        if self.email is not none and self.avatar_url is none:
            self.avatar_url = 'https://gravatar.com/avatar/'+hashlib.md5(self.email.encode('utf-8')).hexdigest()+'?d=identicon'

最后是处理用户登录状态的问题,这里使用了flask_login来更简单的帮助处理
同样在init文件中添加:

from flask_login import loginmanager

login_manager.init_app(app)

为app添加了login管理
然后在user表添加继承usermixin,这样可以省去自己实现的一些方法
然后编写user_loder的回调函数,这个是辅助对象存储到session中的

@login_manager.user_loader
def load_user(user_id):

        return db.session.query(models.user).filter(models.user.id==user_id).first()

接下来修改下登录的视图函数:

@auth.route('/login', methods=['get', "post"],endpoint='login')
def login():
    if request.method == 'get':
        return render_template('login.html')
    elif request.method == 'post':
        form = forms.loginform(formdata=request.form)
        if form.validate():
            password_hash = hashlib.md5(form.data['password'].encode('utf-8')).hexdigest()
            user_obj = db.session.query(models.user).filter(db.and_(models.user.username == form.data['username'],
                                                                models.user.password_hash == password_hash)).first()
            if user_obj:
                login_user(user_obj)
                return redirect(url_for('chat.chat'))
            else:
                flash('用户名或密码错误')
                return redirect(url_for('auth.login'))
                pass
        else:
            for error in form.errors:
                flash(form.errors[error][0])
            return redirect(url_for('auth.login'))

主要是添加了login_user(user_obj)
然后还添加了登出的视图处理函数:

@login_required
@auth.route('/logout', methods=['get', "post"],endpoint='logout')
def logout():
    logout_user()
    return redirect(url_for('auth.login'))

这里的login_required是保证用户必须是登录状态
同样,chat也必须保证用户登录

@login_required
@chat.route('/chat', methods=['get', "post"],endpoint='chat')
def chatroom():
    if request.method == 'get':
        return render_template('chatroom.html')

最后为chat页面做了个头,用来体现用户的登录
基于flask的网页聊天室(三)

总结

明天应该要做有关消息的相关处理了