• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 react node 구글클라우드 배포 질문드립니다.

react node 구글클라우드 배포 질문드립니다.

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #51336

    호루리로리
    참가자
    react node mongondb로 개발한 후 구글 클라우데 배포 하려고하는데
    리액트는 기본적으로 npm run build로 최적화??를 해서 배포하는걸로 알고있어서
    빌드를 한후 프로젝트있는곳/build로 가서 gcloud init 후 gcloud app deploy를 하였는데
    계속 에러가 나옵니다.
    처음에는 app.yaml 에러가 나와서 app.yaml를 빌드 안에 집어넣고 다시 해보니 server.js 뭐시기 에러가 나와서
    다시 server.js를 빌드안에 넣고 다시 시도해보니 
    
    
    Updating service [default] (this may take several minutes)...failed.
    ERROR: (gcloud.app.deploy) Error Response: [9] An internal error occurred while processing task /app-engine-flex/flex_await_healthy/flex_await_healthy>2022-10-23T21:21:07.089Z1380.fb.1: npm ERR! code 
    ENOENT
    npm ERR! syscall open
    npm ERR! path /app/package.json
    npm ERR! errno -2
    npm ERR! enoent ENOENT: no such file or directory, open '/app/package.json'
    npm ERR! enoent This is related to npm not being able to find a file.
    npm ERR! enoent
    npm ERR! A complete log of this run can be found in:
    npm ERR!     /root/.npm/_logs/2022-10-23T21_21_29_405Z-debug.log
    
    이번엔 이런 에러가 나옵니다 빌드할때 빌드 폴더에 package.json은 같이 들어가있는데도 이런 에러가 나오네요 
    그냥 빌드폴더에서 말고 코드짠곳을 통째로 배포를 하면 배포가 되긴하는데 아마 용량이 너무커서 그런지 사이트에 접속할때 시간이 1분가량 소모됩니다. 
    
    react로 개발한건 어떤식으로 배포를 해야하나요?? 
    요약) 
    1. 빌드 안하고 통째로(450MB) gcloud init -> gcloud app deploy 하면 되간하지만 사이트접속하는데 1분가량 걸림 
    2. 빌드 후 빌드폴더에 app.yaml 와 node코드를짠 server.js를 넣고 gcloud init -> gcloud app deploy시 package 에러가 뜸
    
    #51338

    호루리로리
    참가자
    위에 문제는 1번 방식대로 하고 몇분뒤에 다시 접속해보니 사이트접속이 바로바로 되었습니다!
    그런데 서버와 통신이 잘 안되서 질문하나만 더 드리겠습니다 ㅠㅠ
    배포를 하고 https://todo-project-366420.du.r.appspot.com/ 이런 url을 받았는데 
    axios 요청을 어떤식으로 해야하나요??
    
    server.js
    
    MongoClient.connect('mongodb+~~~~~~', { useUnifiedTopology: true }, function (에러, client) {
        if (에러) return console.log(에러)
        db = client.db('todoapp');
        app.listen(8080, function () {
            console.log('listening on 8080')
        });
    });
    
    axios 요청
    axios.post('https://todo-project-366420.du.r.appspot.com/login' 이런식으로 해놨는데
    axios.post('localhost:8080/login' 처음엔 이렇게 배포를 했을때도 안됐습니다.
    url을 어떤식으로 axios요청을 해야하나요??
    
    
    
    
    
    
    
    #51344

    codingapple
    키 마스터
    서버 만들어놨으면 server.js 파일있는 폴더에서 deploy하면 됩니다 리액트는 npm run build 해놓으면 됩니다 
    
    'https://todo-project-366420.du.r.appspot.com/login' 쓰거나
    '/login' 쓰면 됩니다
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠