基于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页面做了个头，用来体现用户的登录

总结

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

​