웹개발종합반 5주차 - 포트포워딩 / nohup 설정하기 / 도메인 구입하기 / og 태그
2022. 1. 4. 21:16ㆍ코딩공부/스파르타코딩클럽 - 웹개발종합반
포트포워딩
- 지금은 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
결과물
'코딩공부 > 스파르타코딩클럽 - 웹개발종합반' 카테고리의 다른 글
스파르타코딩클럽 웹개발 종합반 완강 후기 (0) | 2022.01.05 |
---|---|
웹개발종합반 5주차 - 내 프로젝트를 서버에 올리기 / AWS 서버 구매하기 / 서버 세팅하기 / flask 서버를 실행해보기 / AWS에서 포트 열어주기 / 원페이지쇼핑몰 업로드해보기 (0) | 2022.01.04 |
웹개발종합반 5주차 - [무비스타] - POST연습(좋아요+1) / [무비스타] - POST연습(삭제하기) / [무비스타] 완성본 (0) | 2022.01.04 |
웹개발종합반 5주차 - [무비스타] - 프로젝트 세팅 / [무비스타] - DB 만들기(데이터 쌓기) / [무비스타] - GET연습(보여주기) (0) | 2022.01.04 |
웹개발종합반 4주차 - 숙제 : 나홀로쇼핑몰 완성 (0) | 2022.01.04 |