본문 바로가기
  • Veritas vos liberabit
Coding/React

MERN 웹 배포 : OCI & ubuntu & nginx

by Rouxist 2022. 8. 30.

08.29

며칠간 종일 코딩만 하던 차

전날도 새벽 네다섯시에 잠든 후 아침..은 아니고 정오가 되기 좀 전에 일어나보니 정군이 몇 분 전에 보내놓은 카톡이 보였다.

deploy할 때마다 콘솔창에도 보여주고, 메일로도 한 번 왔던 그 내용인가 했는데 요점은 heroku의 무료요금제 단계적 중단이 시작될 거라는 것. 

그러더니 정군은 오라클 클라우드를 알아봐야겠다고 해서 나도 준비해야겠구나 하고 있었는데, 

이걸 보고 정말 금방 할 수 있을까 해서 진입

 


https://www.oracle.com/kr/cloud/free/#always-free

 

클라우드 서비스 무료 이용

Oracle Cloud Free Tier는 기업에게 무제한으로 사용할 수 있는 상시 무료 클라우드 서비스를 제공합니다.

www.oracle.com

 

 

 

 

가입, ssh키 생성, 우분투 접속까지 :

https://shanepark.tistory.com/170

 

Mac) Oracle Cloud FreeTier 이용해 웹 어플리케이션 배포하기 1)인스턴스 만들고 접속하기.

관련 글 목록 Mac) Oracle FreeTier 이용해 웹 어플리케이션 배포하기 1)인스턴스 만들고 접속하기. Mac) Oracle FreeTier 이용해 웹 어플리케이션 배포하기 2) 톰캣 설치하기 및 배포 + 외부 접속 허용 Mac) Ora

shanepark.tistory.com

 

  • ssh키는 터미널에서 생성함. ~/.ssh/id_rsa.pub에 있음
  • 파일들은 sudo vim [파일명] 으로 접근. vim으로 수정 후 :wq 로 저장&나가기 한 번에
  • 이후 오라클 서버 공동ip를 브라우저에 입력해도 보이는 게 없었는데, $ sudo iptables -F 를 통해 nginx의 기본페이지가 보이기 시작했다 : https://itreport.tistory.com/628 

 

 

 

우분투 접속 성공 후 내가 만든 사이트 올려보기까진 여길 참고 : 

https://velog.io/@jjhstoday/AWS-EC2에-React-Node.js-앱-배포하기-2-NginX를-사용한-React-배포

 

[AWS] EC2에 React + Node.js 앱 배포하기! (2) - Nginx를 사용한 React 배포

📚 AWS EC2에 React + Node.js(express+apollo) 배포하기! - Nginx를 사용한 React 앱 배포!

velog.io

 

 

FTP 프로그램 FileZila 연결은 여기도 참고 :

 https://chailmon.com/dev/cloud/cloud-오라클-클라우드-ftp-연결방법/

 

오라클 클라우드 FTP 연결방법 – chailmon

여러 프로그램 중에서 FileZilla 를 이용한 방법을 이번 글에서 다뤄보고자 한다. 1. 준비물 – FTP 프로그램 설치 – 오라클 클라우드 리눅스 서버 생성 시에 다운로드 받아둔 키 파일 2. FTP 프로그

chailmon.com

 

 

업로드 후 도메인 등록을 위해 freenom을 이용아혀 .tk 도메인 선점 : 

https://m.blog.naver.com/bb_/222167412684

https://www.kangtaeho.com/108

 

 

 

 

 

그리고 다 한 후에 소켓에서 502 Bad Gateway 에러가 났는데,

/etc/nginx/sites-enabled/defaut 파일에 프록시 관련 설정을 추가했다 : https://github.com/tlaverdure/laravel-echo-server/issues/273

 

502 Bad Gateway. Proxy socket.io using Nginx · Issue #273 · tlaverdure/laravel-echo-server

Windows 10 Home Single Language NodeJS v8.9.4 using Homestead as server (192.168.10.10) SCENERIO 2 domains domain-name.dev (Web App Domain) socket.domain-name.dev (Socket Sub Domain) SERVER BLOCK C...

github.com

 

 

 

이제 더 나는 에러는..

https://stackoverflow.com/questions/72494154/a-listener-indicated-an-asynchronous-response-by-returning-true-but-the-messag

여러 크롬 익스텐션때문에 난다는 이것 뿐

실제로 익스텐션이 없는 사용자로 접속하면 에러가 나타나지 않고 있다.

'Coding > React' 카테고리의 다른 글

큐뱃 개발일지 5/22 ~ 5/26  (0) 2022.08.24
큐뱃 개발 - 08/18, 08/19  (0) 2022.08.20
props.history.push() 안됨  (0) 2022.08.19
Cannot GET (express)  (0) 2022.08.18
큐뱃 개발 - 2022.08.02  (0) 2022.08.04