2주차_5번째_로그인 기능 만들기

회원가입 했으니까 로그인도 될 수 있게 해보자!!!!

 

회원가입으로 저장된 유저를 로그인 할 수 있게 해주자!

세션을 이용할 건데

세션은 같은 사람이 요청하는지 확인할 수 있도록 도와주기 때문에 사용자의 정보를 저장할 수 있다!

 

1. user 앱의 views.py 세팅하기

2. signin.html의 form 태그 속성 넣기

3. view의 로그인 작업 마무리하기

 

---

1. user 앱의 views.py 세팅하기

 

from django.shortcuts import render, redirect
from .models import UserModel
from django.http import HttpResponse


# Create your views here.
def sign_up_view(request):
    if request.method == 'GET': # GET 메서드로 요청이 들어 올 경우
        return render(request, 'user/signup.html')

    elif request.method == 'POST': # POST 메서드로 요청이 들어 올 경우
        username = request.POST.get('username', None)
        password = request.POST.get('password', None)
        password2 = request.POST.get('password2', None)
        bio = request.POST.get('bio', None)

        if password != password2:
            return render(request, 'user/signup.html')
        else:
            new_user = UserModel()
            new_user.username = username
            new_user.password = password
            new_user.bio = bio
            new_user.save()
        return redirect('/sign-in')


def sign_in_view(request):
    if request.method == 'POST':
        return HttpResponse("로그인 성공!")
    elif request.method == 'GET':
        return render(request, 'user/signin.html')

 

HttpResponse를 이용해서 로그인 성공하면 메세지 띄워주려고 import 미리 해두고

post 요청이면 메세지창 띄워주고

get 이면 화면을 보여주자!

 

 

2. signin.html의 form 태그 속성 넣기

 

<!-- 윗부분 생략 -->
<div class="wrap">
    <h2 class="title-center"> 로그인</h2>
    <form class="form-area" action="/sign-in/" method="post">
        {% csrf_token %}
        <div class="form-group mt-2 mb-2">
<!-- 아랫 부분 생략 -->

method로 post 인거 알려주고, action으로 sign-in에 갈거라고 알려주자!

보안도 추가!

 

그리고 input에 name, 여기에서는 username과 password 기억해주고 view 작업 마무리하자!

 

 

3. view의 로그인 작업 마무리하기

 

user앱의 views.py에 데이터 가져오자

def sign_in_view(request):
    if request.method == 'POST':
        username = request.POST.get('username', None)
        password = request.POST.get('password', None)

        return HttpResponse("로그인 성공!")
    elif request.method == 'GET':
        return render(request, 'user/signin.html')

 

user 데이터가 데이터 베이스에 있는지 없는지 확인하고

있으면 불러오고 없으면 다시 로그인 페이지를 보여주자!

# user/views.py
def sign_in_view(request):
    if request.method == 'POST':
        username = request.POST.get('username', None)
        password = request.POST.get('password', None)

        me = UserModel.objects.get(username=username)  # 사용자 불러오기
        # 왼쪽 username은 UserModel 안에 있던것
        # 오른쪽 username은 넣어준 것
        
        if me.password == password:  # 저장된 사용자의 패스워드와 입력받은 패스워드 비교
            request.session['user'] = me.username  # 세션에 사용자 이름 저장
            return HttpResponse("로그인 성공!")
        else: # 로그인이 실패하면 다시 로그인 페이지를 보여주기
            return redirect('/sign-in')
    elif request.method == 'GET':
        return render(request, 'user/signin.html')

 

로그인 화면에서 로그인하면 

요렇게 잘 뜬다!

 

와우 아주 휘몰아 치는구만 잘 정리해야지