연동방법 정리
- 윈도우10 운영체제
- EC2 인스턴스 생성시 주의해야할 사항에 대해 알아보자
- cml의 cmd로 EC2를 ubuntu로 연동하고 html 생성
- vscode로 EC2를 연동하여 EC2 내 html과 Flask로 연동 실행하여 실시간 업데이트 체험해보기
EC2 인스턴스 생성시 주의사항
- EC2의 인스턴스 먼저 생성함
- 환경은 우분투로 설정하고 인스턴스 유형은 t2스몰 ~ t3스몰 사이 성능으로 만들것!
(이하 성능으로 인스턴스 생성시vscode 연결시 무한 로딩에 빠짐)
-
t2스몰 ~ t3스몰 사이로 생성할 것.
-
키 생성 위치(경로) 복사해두기
- 인스턴스 생성 > 실행중 상태 > 보안 > 보안그룹 > 인바인드 규칙 HTTP/SSH 사용자 설정(주소 0.0.0.0)으로 만들기
- 퍼블릭 IPv4 주소 메모장에 복사해두기
EC2 unbuntu 연결
- 윈도우 환경에 cmd로 CLI로 접속
- 리눅스 권한주고 확인해보기
- HTML 파일 생성해보기
cmd 에서 unbuntu 접속
-
key.pem에 대한 경로로 설정하기
cd C:\Users\smhrd4\Downloads
-
ssh -i key.pem ubuntu@퍼블릭 IPv4 주소입력 > yes > 초록색 문구로 unbuntu@ ... ~$ 문구 뜨면 성공
-
우분투 나가는 키는
exit
리눅스로 기본 상태보기
-
htop : cpu 성능 보는것 (나가기 : q)
-
hello.txt 파일생성
touch hello.txt -
hello.txt에 내용 저장 " "
echo "hello" > hello.txt - 내용 보기 : cat hello.txt - 파일 삭제 : rm hello.txt -
권한보기 : ls -l
웹서버 연동 해보기
- 주요 내용
- 우분투에서 웹서버를 설치한다.
- 웹서버에 접속하여 페이지 내용을 불러와 본다.
- 퍼블릭 IPv4 주소입력하여 웹 페이지에 접속해 본다.
- 웹서버 설치(nginx 설치)
apt install nginx -y
통상적인 방법으로 입력할시 에러 발생
(sudo로 관리자 권한 명령하자!)
sudo apt install nginx -y
-
웹서버레 접속해서 페이지 내용을 불러온것
curl localhost
-
이와 같은 문구를 출력하면 웹서버 접속 성공적!
-
브라우저에 퍼블릭 IPv4 주소입력하여 다음과 같이 뜨면 성공!
만약 안된다면 재 확인 해볼 것!
- 인바인드 규칙 설정(HTTP/SSH)
- sudo apt install nginx -y 설치 재확인
우분투로 기본적인 html 생성
-
우분투 입력
cd /var/www/html
-
현재 디렉토리(.)의 소유자를 root 사용자로, 그룹 소유자를 ubuntu 그룹으로 변경합니다.
sudo chown root:ubuntu .
-
현재 디렉토리(.)에 대해 그룹(g)에게 쓰기 권한(+w)을 추가합니다.
sudo chmod g+w .
-
index.html에 태그를 추가합니다.
echo "<H1>Hello </H1>" > index.html -
index.html내용을 확인합니다.
cat index.html
VScode로 EC2접속해보기
- remote-ssh를 설치하여 EC2 우분투와 연결
- ssh -i key.pem ubuntu@퍼블릭 IPv4 주소입력
- 1번째 항목 선택
- F1 키 눌러서 아래 이미지같이 입력
Host : 별칭(아무렇게나 해도됨)
HostName : 서버의 IP 혹은 도메인
User : 서버의 사용자 계정명
IdentityFile : 방금 위에서 export 한 key파일 (내껀 이름이 ssalbot 이다)
-
새창으로 열기 > 리눅스 선택 > 초록색 터미널 창뜸
이후 작업은 클라우드에서 되는 작업이다. -
오픈폴더 > /var/www/html > yes > 파일 열고 html 수정하면됨(이미지는 태그 추가한 내용임)
python 언어로 flask 환경 만들어보기
- 상위탭 > 폴더열기 > /home/ubuntu 경로 선택
- 윈도우에서 아나콘다 좋은점
- 가상환경 만든다
- 기능이 편리해서
- 라이브러리가 많아서
-
파이선 환경 구축
sudo apt update
sudo apt install python3-venv -
가상환경을 만들기 위한 폴더 셋업한것
python3 -mvenv ~/.venv/flask
-
가상환경 불러온것(로딩)
source ~/.venv/flask/bin/activate
-
플라스크 라이브러리 설치
pip install flask
java 설치
- 자바 설치
sudo apt install default-jdk
flask 구동
- app.py
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def home():
return render_template('index.html')
@app.route('/user')
def user():
return render_template('user.html')
@app.route('/admin')
def admin():
return render_template('admin.html')
if __name__ == "__main__":
app.run(host = "0.0.0.0", debug=True)- / admin / user.html
간략한 태그에 간략한 내용... 각 구분만 할 수 있게 구성- 설명
- bash : python app.py
- python : curl localhost:5000 # 해당 cmd를 사용할 수 없어서 cmd하나 더 생성함.
