Express 서버, 백엔드, API [닫힘]
Aug 30 2020
안녕하세요, 저는 처음입니다.
- 3 개월 전 YT에서 React.js로 시작했습니다.
- 주로 API 가져 오기
- 일부 API는 서명으로 보호됩니다.
- 내 API 호출이 React가 아닌 서버에 있어야한다는 것을 몰랐습니다.
- CORS 오류 받기
- cors가 무엇이고 어떻게 고치는 지 몰랐습니다.
- 백엔드 학습 시작
YouTube의 모든 동영상 :
- JSON 자리 표시 자
- SWAPI
- React와 백엔드에 비디오가 없습니다.
- 서버 비디오에서 POST 서명 된 요청이 없습니다.
- 거의 포기
CORS 오류 솔루션 :
- 이제 cors를 수정하는 방법을 알고 있습니다.
- package.json에서 표현할 프록시 사용,
- src에 setupProxy.js 추가,
- Express server.js의 "app.use (cors ())"
내 반응 앱 :
- 연중 무휴 24 시간 운영됩니다.
- API에서 3 초마다 상태를 업데이트해야합니다.
- 그런 다음 상태 데이터를 비교하십시오. (가능하다면 공개 할 수없는 비밀 공식과 함수입니다. 익스프레스 server.js에서 코드를 숨기려면)
- 해당 작업을 수행합니다 (새 API 호출).
질문 부분 :
- 그게 가능할까요?
- 웹 사이트에 아무도 없으면 앱이 어떻게 작동합니까?
- 이것은 Express server.js가 항상 살아 있음을 의미합니다.
- 그리고 React UI는 누군가 웹 사이트를 열어서 데이터로 무슨 일이 일어나고 있는지 볼 때만 살아 있습니다.
- Express로 반응 앱을 배포하는 방법은 무엇입니까? 이게 좋은가요? :
https://dev.to/nburgess/creating-a-react-app-with-react-router-and-an-express-backend-33l3
- 호스팅 방법-배포 할 위치 Github 페이지에서?
- 배포시 익스프레스 서버 자동 실행을 수행하거나 호스팅시 "npm start"가 필요합니까?
- 또는 처음으로 앱을 열거 나 (웹 사이트 열기)
- 작동 원리
- 장고가 필요한가요?
더 나은 것 :
- 내 앱을 다른 사용자와 공유하기로 결정한 경우 :
- 각자에게 반응 앱의 사본을 제공하고
- 또는
- 각 사용자가 로그인하고 대시 보드와 자신의 데이터 및 상태가있는 자신의 익스프레스 서버를 가질 수 있도록 범용 앱을 만듭니다.
- 범용 앱이 더 낫다면
답변이있는 질문에 감사드립니다.
답변
HeaustAzure Aug 30 2020 at 09:21
서버는 연중 무휴 24 시간 실행됩니다.
사용자가 웹 사이트의 페이지에 액세스하기를 원할 때 서버는 페이지의 청사진 (이 경우 react js 빌드 코드에 의해 빌드 된 html, css 및 js)을 전송합니다. 이때 반응 앱이 활성화됩니다.
이미 서버 측에 대한 익스프레스가 있으므로 django가 필요하지 않습니다.
예, heroku로 배포하는 것은 괜찮습니다. 그것은 서버를 돌볼 것이지만 heroku에 반응 빌드를 아직 업로드하지 않은 경우 반응 빌드를 만들기 위해 서버의 package.json에 스크립트를 추가해야합니다.
"heroku-postbuild": "npm install --prefix client && npm run build --prefix client"
여기 클라이언트는 반응 코드를 보관하는 폴더입니다.
공개되지 않아야하는 경우 반응 상태로 사용해서는 안됩니다.
보편적 인 것을 사용하는 것이 더 낫습니다. 소유자를 권한으로 계정 시스템을 만들고 www.website.com/owner'susername 형식의 URL을 갖고 완료하면 모든 소유자가 자신의 웹 사이트 버전을 얻습니다.
(대부분의 질문에 답하는 traversy 미디어의 YouTube에 멋진 MERN 스택 자습서가 있습니다)