2017-11-02 4 views
0

그래서 방금 ReactJS와 React Native를 배우기 시작했습니다.React를 연결하고 Express와 Native를 연결하십시오.

나는 MEN (Mongo, Express, Node)에 대한 지식이있다. 이제까지 res.() 파일을 만들고 거기에 객체를 전달하는 방법을 배웠습니다.

이제 내가해야 할 일은 MERN 앱을 만드는 것입니다. 이 앱에는 Android 및 iOS 버전이 필요합니다.

지금까지 R은 ReactJS를 나타내며 반응 네이티브는 아닙니다. 그래서 둘 다 포함하는 방법이 있습니까? 그리고 익스프레스 - 제너레이터와 같은 폴더 구조가있을 때 어디에서 반응 파일을 넣을 수 있습니까? 아니면 완전히 다른 디렉토리에있을 수있는 방법이 있습니까? 다른 하나는 가져 오기를 통해 다른 디렉토리를 호출합니까?

+1

서버를 클라이언트와 별도로 유지하십시오. 백엔드 스택은 사용자의 프론트 엔드와 관련이 없으며 그 반대의 경우도 마찬가지입니다. React 앱은 백엔드의 위치, 호출 방법 및 예상 데이터 만 알고 있어야합니다. 서버는 요청이 올바른 형식이고 원점에 액세스가 허용되는 한 누가 호출하는지주의해서는 안됩니다. – pawel

답변

0

내가 믿는 건축물이 등장합니다. 스택을 생성하는 방법은 다음과 같습니다.

클라이언트 응용 프로그램에 대한 끝점을 제공하는 Mongo/Express/Node (reactjs, react-native 및 포함 할 다른 기술을 사용하여 생성됨)를 사용하여 HTML 요청을 사용하여 호출 할 수 있습니다. 이는 모바일 앱 (반응 네이티브 사용)과 데스크톱 앱 (반응 자 사용) 모두에서 작동합니다.

배포 방법에는 여러 가지가 있습니다. 두 개의 개별 응용 프로그램 인 서버 응용 프로그램과 클라이언트 응용 프로그램을 만들 수 있습니다. 두 응용 프로그램은 각각 두 개의 개별 호스트에서 개별적으로 호스팅됩니다. 이는 프런트 엔드 코드와 백 엔드 코드를 분리하기 때문에 유용합니다. 또한 코드에 대해 2 개의 개별 디렉토리를 가질 수 있습니다.

또 다른 배포 방법은 서버에서 클라이언트 파일을 제공하는 것입니다. 이 것들은 조금 복잡하지만,이 옵션이 저렴하기 때문에 1 개의 호스트 안에 전체 앱을 배치 할 수 있습니다. 이 기사를 읽고이 파일 구조와 파일 구조를 구현하는 방법을 알아내는 것이 좋습니다. https://originmaster.com/running-create-react-app-and-express-crae-on-heroku-c39a39fe7851

+0

첫 번째 장소에서 설명한 것처럼 내가 그 일을 상상했습니다. 서버에서 제공하는 API를 프런트 엔드와 분리합니다. 내 질문은 지금, 내가 반응 원시와 reactjs (그들은 매우 비슷한 모양을하기 때문에) 연결해야합니까, 아니면 그들을 분리 보관하고 다른 디렉토리에있는 두 개의 서로 다른 프로젝트처럼 취급합니까? 이 링크를 구성하는 데 도움이되는 링크 또는 자습서가 있습니까? – Wolfdog

+0

휴대 기기 만 타겟팅 하시겠습니까? 그렇다면 react-native를 사용하십시오. 하이브리드 앱을 만들려고한다면? 그런 다음 React를 사용하고 반응 반응 형과 같은 라이브러리를 확인하십시오. 서버 디렉토리를 클라이언트 디렉토리에서 분리하여 두 개의 다른 호스트에 배치하십시오. – MEnf