Route53, GCE, React, FastAPI를 사용하여 간단한 웹 앱 만들기 [후편]
무슨 기사?
이하의 기사의 후편이 됩니다.
GCE에서 인스턴스 생성, 시작
아래에 따라 이번에는 진행하겠습니다.
인스턴스 만들기
에서 인스턴스를 만듭니다.
![](https://s1.md5.ltd/image/bc1f19f1cff6566f32a4aaefdabc6279.png)
외부에서 통신을 허용하고 싶으므로 https 트래픽을 허용합니다.
![](https://s1.md5.ltd/image/150feb925ff73e7c080e715c21dddf32.png)
자동 재부팅은 꺼져 있습니다.
![](https://s1.md5.ltd/image/7d3750cf6b48bc2e4f429fcc72544e76.png)
시작했으므로 VM에 ssh합니다.
![](https://s1.md5.ltd/image/cb7ef70f3ba23a6139ebd5f90b765c32.png)
VM 내 환경 구축
참고로
아래에 따라 이번에는 진행하겠습니다.
인스턴스 만들기
에서 인스턴스를 만듭니다.
![](https://s1.md5.ltd/image/bc1f19f1cff6566f32a4aaefdabc6279.png)
외부에서 통신을 허용하고 싶으므로 https 트래픽을 허용합니다.
![](https://s1.md5.ltd/image/150feb925ff73e7c080e715c21dddf32.png)
자동 재부팅은 꺼져 있습니다.
![](https://s1.md5.ltd/image/7d3750cf6b48bc2e4f429fcc72544e76.png)
시작했으므로 VM에 ssh합니다.
![](https://s1.md5.ltd/image/cb7ef70f3ba23a6139ebd5f90b765c32.png)
VM 내 환경 구축
참고로
합니다.
$ sudo apt update
$ sudo apt install apt-transport-https ca-certificates curl gnupg2 software-properties-common
>> OK
$ sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/debian $(lsb_release -cs) stable"
$ sudo apt update
$ apt-cache policy docker-ce
$ sudo apt install docker-ce
$ sudo systemctl status docker
$ docker --version
>> Docker version 20.10.8, build 3967b7d
$ sudo usermod -aG docker ${USER}
일단 로그아웃하고 docker-compose 설정을 계속합니다.
이번에는 docker-compose의 이미지를 이용합니다.
$ docker run docker/compose:1.22.0 version
리포지토리를 복제한 후 빌드합니다.
--recursive
를 실시하는 경우는 공개키 인증이 별도 필요하므로, 잠정으로 대응합니다.$ git clone https://github.com/izuna385/arxiv-checker.git
$ cd arxiv-checker
$ rm -r -f backend
$ git clone https://github.com/izuna385/arxiv-checker-backend
$ mv arxiv-checker-backend backend
$ docker run --rm \
-v /var/run/docker.sock:/var/run/docker.sock \
-v "$PWD:/rootfs/$PWD" \
-w="/rootfs/$PWD" \
docker/compose:1.22.0 -f docker-compose.prod.yml up -d --build
여기까지 가서 외부 IP를 보러갑니다.
![](https://s1.md5.ltd/image/77b0c9fae2e3163fbeac6b0ce6f004f8.png)
http 통신에서는 표시를 확인할 수 있었습니다.
Route53을 이용한 DNS 해결
마지막으로 Route53에서 연결까지 수행합니다.
![](https://s1.md5.ltd/image/07f3f7617a37af79178f2ae82df64693.png)
레코드를 만든 후 주소에 액세스합니다.
![](https://s1.md5.ltd/image/a9f711aebbddab0fd2a964aa25e664e3.png)
이것으로 배포 할 수있었습니다. (현재는 VM을 정지하고 있어 액세스는 할 수 없습니다.)
개선점
리포지토리
Reference
이 문제에 관하여(Route53, GCE, React, FastAPI를 사용하여 간단한 웹 앱 만들기 [후편]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/izuna385/items/3bf79497dee8c1faa693
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Route53, GCE, React, FastAPI를 사용하여 간단한 웹 앱 만들기 [후편]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/izuna385/items/3bf79497dee8c1faa693텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)