1주차 과제: 로그인 페이지 만들기
1. python이 설치되어 있는관계로 간단하게 Flask를 사용할 예정
2. Flask에서 html탬플릿 엔진을 사용하기위한 방법 찾아보기
Flask 설치 준비
# 만일의 사태를 대비해 가상환경으로 진행
mkdir ~/flaskWAS
cd flaskWAS
# pip 설치
sudo apt install python3-pip
# 가상환경 패키지 설치
sudo apt install python3.10-venv
# 가상환경 생성
python3 -m venv flask01
# activate 심볼릭 링크생성
cd ~
ln ~/flaskWAS/flask01/bin/activate ~/activate
#가상환경 실행
source activate
이제 패키지 충돌 걱정 없이 Flask 및 Template engine을 설치하면된다.
Flask 설치
# flask 설치
pip install flask
# 플라스크 설치 확인
pip list
# flask 소스 작성
cd flaskWAS
vi app.py하기의 내용 기입 후종료
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello World!'
if __name__ == '__main__':
app.run(host='0.0.0.0', port=5000)Flask에서 host를 기입 하지 않는다면 외부에서 접근이 불가능하고 localhost에서만 접근이 가능하다
ps.이것 때문에 3시간을 날렸다....
app.run(host='0.0.0.0', port=5000)
# flask 실행
python app.py실행이 되었다면 Host에서 접근해 보자
ctl + c를 사용하여 종료한다.
탬플릿 적용
확인해 본 결과 Flask에 html을 호출 할 수 있는 모듈이 존재 한다 (추가적으로 설치할 것이 없다)
# app.py와 동일한 위치에 templates 디렉토리를 생성한다.
# 플라스크에서 사용하는 html의 기본 위치는 template가 된다.
mkdir templates
cd templates
# html을 작성하여 GET 방식의 데이터를 받아보자
# {{id}}는 탬플릿 엔진에서 받는 변수를 바인딩 한다.
vi login.html
---- 이하 파일 내용
<html>
<form method="GET">
<input name="id" type="text" />
</form>
<h1>id is {{id}}</h1>
</html>
-------------------
app.py에 login.html을 호출 할 수있는 라우터(Spring Controller) 설정을 해주어야한다.
cd ~/flaskWAS
vi app.py
--------이하 파일내용
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello World!'
@app.route('/login')
def login_1():
id = request.args.get('id')
return render_template('login.html', id=id)
if __name__ == '__main__':
app.run(host='0.0.0.0', port=5000)
--------------------간단 설명
from flask import Flask, render_template, request
- flask 모듈에서 renter_template, request를 import 받는다.
@app.route('/login')
- ip:port/login 으로 들어오는 url에 대한 처리를 하는 함수를 지정한다.
id = request.args.get('id')
- requst(요청)으로 받은 arguments 중 id값을 찾아 id 변수에 assign한다.
return render_template('login.html', id=id)
- renter_template 처리 결과를 반환하며 사용할 html은 login.html
- 랜더링 시 사용할 id라는 변수에 python에서 정의한 id를 할당한다.
저장 후 다시 python app.py를 실행하여 ip:5000/login으로 접속해보자.
input 태그에 아이디를 기입하고 엔터를 누르면
다음 포스트는 GET 방식이아닌 POST 방식으로 데이터를 전달하고
특정 ID와 PW일 경우 로그인성공, 그 외는 로그인 실패 메시지를 표기할 수 있도록 수정하겠다.
최종 상태
'웹 해킹 코스 > 과제' 카테고리의 다른 글
| 3-1(로그인 케이스) (0) | 2023.11.09 |
|---|---|
| 2-2 DB를 사용한 회원가입, 로그인 (0) | 2023.11.02 |
| 2-1 php와 DB연결 (0) | 2023.11.02 |
| 1-3 CSS를 사용하여 로그인 페이지 꾸미기 (0) | 2023.10.29 |
| 1-2 WAS POST방식 데이터 전달 (0) | 2023.10.27 |
