it-posting

React 앱과 Nodejs 서버를 Vercel에 배포하는 방법 정리

React 앱과 Nodejs 서버를 Vercel에 배포하는 방법 정리
it-postingPosted On Aug 4, 20242 min read

목차 : -

Render에 Node.js 서버(백엔드) 코드를 배포하는 단계 :-

  • MONGO_URL, PORT, JWT_TOKEN 및 개인 키와 같은 필수 링크가 .env 파일에 포함되어 있는지 확인해주세요.
  • 백엔드 코드를 만든 저장소에 푸시하세요 (저장소가 없는 경우 백엔드용으로 새로운 저장소를 만드세요).
  • Render.com 웹 사이트로 이동하여 Github 계정을 사용하여 등록하십시오 (선호됨) - 이 방법을 사용하면 옵션에서 모든 저장소가 표시되므로 배포하려는 저장소를 선택할 수 있습니다.
  • 로그인 후 New 버튼을 클릭하고 Web Service를 선택하세요.
  • 배포할 저장소 이름을 선택하고 연결을 클릭하세요.

Step 1

Step 2

  1. 빌드 및 배포에는 시간이 걸릴 수 있습니다. 성공적으로 배포된 후 로그에 "Your service is live" 메시지가 표시됩니다. 오류가 발생하면 로그를 확인하고 문제를 해결하세요.

Step 3

이미지

Vercel에 React 앱을 배포하는 단계:-

  1. 위 링크를 복사하고 해당 URL을 "localhost:8000" 대신 프론트엔드 파일에 붙여넣고, 아래 이미지 형식으로 파일을 생성하고 파일을 import합니다. 이렇게하면 링크 localhost:8000을 수동으로 추가하지 않아도 됩니다.

이미지

  1. 이제, Atlas로 이동하여 Security Network Access Add IP Address Allow access ` Confirm을 클릭하세요.

  2. 프론트엔드에서 cmd를 엽니다.

감사합니다, 마헤시쿠마르 카스트리.