롤 전적 검색 사이트 만들기(3)

롤 전적 검색 사이트 만들기(3)

2020. 2. 14. 21:11ㆍ해봤던것들

데이터베이스 사용

전적 검색 사이트의 회원가입, 로그인, 게시판, 유저 매칭, 전적 검색 여러 기능들을 구현하기 위해 데이터베이스를 사용했고 mongoDB를 사용했습니다. Flask를 사용했기 때문에 PHP구문 없이 데이터베이스를 활용할 수 있었습니다.

회원가입

페이지 상단의 회원가입 버튼을 누르면

아래와 같이 회원가입 모달이 페이지에 띄워집니다.

회원가입 모달에 이메일, 비밀번호를 입력하고 회원가입 버튼을 누르면

'POST' 형태로 Flask에 전달됩니다.

@app.route('/register_modal', methods=['POST', 'GET'])
def register():
    if request.method == 'POST':
        myuser = mongo.db.user_Info
        existing_user = myuser.find_one({'email' : request.form['register_email']})
        if existing_user is None:
            hashpass = bcrypt.generate_password_hash(request.form['register_pw2'])
            myuser.insert({'email' : request.form['register_email'], 'password' : hashpass})
            flash('회원가입 성공!!') 
            return redirect(url_for('index'))
        flash('이미 사용중인 이메일입니다.') 
        return redirect(url_for('index'))
    return render_template('index.html')

만약 이메일이 mongoDB에 등록되어 있으면 이메일이면 '이미 사용중인 이메일입니다.'라는 플래시 메시지를 출력하고

그렇지 않으면 mongoDB에 이메일과 비밀번호를 등록합니다.

비밀번호는 bcrypt Hash함수를 사용하여 암호화된 상태로 데이터베이스에 저장됩니다.

-회원가입 실패

-회원가입 성공

-mongoDB에 등록된 이메일과 비밀번호

로그인

회원가입과 마찬가지로 로그인 버튼을 누르면 로그인 모달이 띄워지고

mongoDB의 데이터와 비교해 이메일과 비밀번호가 일치하면 '로그인 성공' 플래시 메시지를 출력하고

그렇지 않으면 '로그인 실패' 플레쉬를 출력합니다.

bcrypt Hash함수를 사용하여 암호화해줬기 때문에 마찬가지로 bcrypt Hash함수를 이용해 복호화 후 비밀번호를 비교합니다.

@app.route('/login_modal', methods=['POST'])
def login():
    #if request.method == 'POST':
    myuser = mongo.db.user_Info
    login_user = myuser.find_one({'email' : request.form['login_email']})
    if login_user:
        pw_check = bcrypt.check_password_hash(login_user['password'], request.form['login_pw'])
        if pw_check is True:
            session['email'] = request.form['login_email']
            flash('로그인 성공!')
            return redirect(url_for('index'))
        
        flash('이메일, 패스워드를 다시 확인해주세요.')
        return redirect(url_for('index'))
    flash('이메일, 패스워드를 다시 확인해주세요.')
    return redirect(url_for('index'))

-로그인 성공