사실 배포한지 꽤 오래됐는데
블로그 포스팅하기가 귀찮아서 이제야 쓴다
정말 별거 아니지만 그래프를 보여주고 자산평가 페이지를 만들어서
배포가 궁금해져서 이것저것 검색해봤다
뭐 여러가지 도구들이 있겠지만 next js를 만든 vercel에서 배포를 정말 간단하게 할 수 있었다
배포 하는 방법은 vercel에 깃허브 계정으로 회원가입을 하고
깃 레포지토리를 연결해주면 된다
다른 블로그에 방법이 자세히 나와있으니 그걸 참고하길 바라구
vercel에서 배포를 하면 이러한 화면을 볼수있다
이게 진짜 편한게 뭐 다른거 도구 안쓰고
깃에 커밋하면 저절로 빌드하고 새로운 버전으로 배포를 해준다
근데 여기서 주의할 사항이 있다
.env파일은 깃에 올라가지 않기때문에
velcel 페이지에서 직접 입력을 해줘야한다.
(나도 처음에 이거때매 에러가 났었다)
프로젝트 세팅에서
환경변수를 입력해주는곳이 있다
이곳에 입력하면 .env에서 여러가지 저장했던 값을 사용했던것 처럼
똑같이 사용할 수 있다
이게 내가 배포한 사이트인데
이게 원인을 아직도 못찾고있는데
로컬에서 실행하면 한투 api 토큰이 기간이 지나면 자동으로 갱신되게 해놨는데
배포한 버전에서는 그게 안된다 ㅠㅠ
왜 파이어스토어에서 자꾸 배포한 시점의 데이터만 가져오는지 모르겠다
이게 자산평가 페이지에서는 실시간으로 데이터를 잘 가져오는데
토큰쪽만 문제가 발생한다
그래도 배포는 잘 돼서 기분이 좋다
뭐 더 업데이트할 사항들은 업데이트하고 토큰 문제도 해결할 수 있으면 해결해 보겠다!!
'개발💻 > Moostock' 카테고리의 다른 글
Moostock(12) - Next.js 자산평가 페이지, 환율 api (59) | 2024.05.02 |
---|---|
Moostock(11) - Next.js bcrypt 비밀번호 암호화 (61) | 2024.04.23 |
Moostock(10) - apexchart tooltip, 주봉, 월봉 그래프 보여주기 (63) | 2024.04.22 |
Moostock(9) - next js 모달, 해외주식 종목 검색 기능 만들기 (39) | 2024.04.18 |
Moostock(8) - next.js에서 firestore이용하기 (토큰 저장하기) (50) | 2024.04.17 |