웹개발종합반 5주차 - 포트포워딩 / nohup 설정하기 / 도메인 구입하기 / og 태그

포트포워딩

• 지금은 5000포트에서 웹 서비스가 실행되고 있습니다. 그래서 매번 :5000 이라고 뒤에 붙여줘야 하죠. 뒤에 붙는 포트 번호를 없애려면 어떻게 해야할까요?
• http 요청에서는 80포트가 기본이기 때문에, 굳이 :80을 붙이지 않아도 자동으로 연결이 됩니다.
• 포트 번호를 입력하지 않아도 자동으로 접속되기 위해, 우리는 80포트로 오는 요청을 5000 포트로 전달하게 하는 포트포워딩(port forwarding) 을 사용하겠습니다.
• 리눅스에서 기본으로 제공해주는 포트포워딩을 사용할 것입니다. 그림으로 보면 아래와 같습니다.

 

 

nohup 설정하기

Git bash를 종료하면 프로세스가 종료되면서 서버가 돌아가지 않는 것을 해결해보자

 

원격 접속을 종료하더라도 서버가 계속 돌아가게 하기

# 아래의 명령어로 실행하면 된다
nohup python app.py &

강제종료

여기서는 pid값이 21672, 21682

# 아래 명령어로 미리 pid 값(프로세스 번호)을 본다
ps -ef | grep 'app.py'

# 아래 명령어로 특정 프로세스를 죽인다
kill -9 [pid값]

다시켜기

nohup python app.py &

 

 

도메인 구입하기

호스트 이름에 @ 값/위치에 EC2 IP주소를 넣는다

https://dns.gabia.com/dns/internals/total_set

웹을 넘어 클라우드로. 가비아

 

 

og 태그

카톡, 페이스북, 슬랙에 공유했을대 예쁘게 나오도록 og태그를 설정해주자

<meta property="og:title" content="내 사이트의 제목" />
<meta property="og:description" content="보고 있는 페이지의 내용 요약" />
<meta property="og:image" content="{{ url_for('static', filename='ogimage.png') }}" />

위의 값을 index.html의 head 태그 안에 넣어준다

적당한 이미지를 만들거나 골라서 static폴더 ogimage.png 저장하기 (800*400)

 

이미지를 바꿨는데 이전 ogimage가 그대로 나오면 강제 초기화를 할 수 있다

• 페이스북 og 태그 초기화 하기: https://developers.facebook.com/tools/debug/
• 카카오톡 og 태그 초기화 하기: https://developers.kakao.com/tool/clear/og

 

결과물

http://hyunee.shop/

원페이지쇼핑몰