-
[이력서 꾸미기] flyio로 배포하기개발/프로젝트2(유데미) 2023. 5. 25. 17:16
배포 완료 했다
아직 뭐 주소같은것들은 이력서에 들어가기 위해 손봐야겠지만
배포 완료 마지막까지 끝마쳤다
우선 배포가 힘들었던 점은 유데미에서는 Heroku로 배포하는 내용으로 나와있는데
Heroku가 유료화된 관계로 무료로 쓸 수 있는 사이트를 찾아야 했기 때문이다
railway도 있고 flyio도 있고 찾아보면 몇가지 더 있었지만
나는 flyio로 하기로 했다
일단 구글에서 flyio를 검색하고 웹사이트로 들어간다
Deploy app servers close to your users · Fly
We have the hardware Purpose-Built Cloud We run physical servers in cities close to your users. As close to the metal as you can get without paying shipping. Leaflet Stamen
fly.io
들어가서 일단 가입을 해야한다
지금은 가입하면서 카드번호를 물어보지는 않지만
배포할때 어차피 카드 번호를 제출을 해야한다
그리고 파워셸을 열고 fly를 사용할 수 있게 설치해야한다
mac, 리눅스 윈도우가 다른데 윈도우같은 경우는 아래와 같다
iwr https://fly.io/install.ps1 -useb | iex
설치하고나서 이미 회원가입을 해뒀으니까 로그인을 한다
fly auth login
파워셸에서 이렇게 명령을 하면 로그인하는 페이지로 들어가고
여기서 카드 번호를 받았다
그리고나서 앱을 배포한다
fly launch
이때 나는 에러가 발생했고 유데미를 수강하고 있으면 수강을 끝까지 하고나서
앱 배포를 하기를 바란다
왜냐하면 거기에 답이 다 있다
다른 곳에서 배포하더라도 큰 틀은 비슷하기 때문에
나는 그걸 모르고 다른데서 배포하니까 그냥 구글링만 하며 하루를 보내느라고 고생을 했다
app.js의 경우
app.listen(3000, () => { console.log("Serving on port 3000"); });
원래의 코드가 위와 같았다면
const port = process.env.PORT || 3000; app.listen(port, () => { console.log(`Serving on port ${port}`); });
이와 같이 변경하고
하지만 가장 큰 안됐던 이유는 .env 때문이었다
그 공개적으로 적을 수 없었던 비밀번호와 같은 것들은 모두 .env 파일에 넣어놨었는데
그걸 못읽는거였다
그래서 자꾸 에러메세지에 mapbox가 떴었다
그래서 secret을 직접 입력해줘야하는데
Heroku같은 경우엔 Heroku 웹페이지에서 직접 입력할 수 있지만
flyio같은 경우엔 파워셸에서 아래와같이 입력해야한다
flyctl secrets set DATABASE_URL=postgres://example.com/mydb
이경우 flyctl secrets set 까지는 동일하고 그 다음은 .env에 적었던 것을 하나하나 넣으면 된다
그렇게 다 넣고
MongoDB atlas에서 Network Access로 가서 IP추가하고 모든 액세스를 허용한다음
파워셸에서 아래와 같이 입력하면 웹사이트가 열린다
fly open
아마도 앱이름.fly.dev 이런식으로 사이트 url이 생성되는 것 같다
그러면 내 웹사이트를 구경할 수 있다
정상적으로 모두 작동해서 뿌듯하다
'개발 > 프로젝트2(유데미)' 카테고리의 다른 글
[이력서 꾸미기] Android Studio viewModel() 에러 (0) 2024.07.01 [이력서 꾸미기] React 완벽 가이드 코딩연습1 (0) 2023.07.13 [이력서 꾸미기] 마지막을 향해가는 이력서 꾸미기 (0) 2023.05.22 [이력서 꾸미기] Geocode 오류때문에 얼마나 시간을 허비했는지 (0) 2023.05.02 [이력서 꾸미기] Mongoose 에러 해결하기 (0) 2023.03.15