WP Rest API를 사용하여 WordPress를 백엔드로 React 배치

WP Rest API를 사용하여 WordPress를 백엔드로 React 배치

백엔드의 WordPress를 사용하여 React 애플리케이션을 호스팅/배포하는 방법은 무엇입니까?WP Rest API 플러그인을 사용해왔는데 그 API는 호스팅이 필요한 것 같습니다.프론트엔드 리액트 애플리케이션도 별도의 서버에서 호스팅해야 합니까?아니면 어떻게든 GoDaddy나 GreenGeeks와 같은 공유 호스팅 서비스에 모든 것을 넣을 수 있을까요?

선택의 여지가 아주 많습니다.당신은 리액트와 워드프레스를 따로 호스팅할 수 있는 힘이 있지만, 나는 도커를 사용하여 같은 서버에서 내 것을 호스팅하는 것을 선호합니다.

궁금하신 점은 다음 스타터 템플릿을 확인하십시오. https://github.com/postlight/headless-wp-starter

제가 좋아하는 제품 중 하나인데, 도커 용기에 미리 포장되어 간단한 설명과 함께 반응합니다.

서버에 파일을 배포하기 위해 CPanel 또는 이와 유사한 도구에 액세스할 수 있습니다.

알림은 빌드 파일을 서버에 직접 배포하는 것이 아니라 하위 폴더에 저장하는 것입니다.

그런 다음 public_html/your_project_sub_folder_name,

그러면 해당 도메인/your_project_sub_folder_name을(를) 사용하여 reactjs에 액세스할 수 있습니다(2개의 앱이 sub_folder로 분리되어 있지 않으면 동시에 배포될 수 없습니다).

동시에 WP_REST에 대한 원본 액세스 권한을 얻어 json 형식의 포스트 데이터를 이미 얻을 수 있으므로 필요한 경우 사용자 지정 엔드포인트를 직접 만들 수 있습니다.

사용자 지정 엔드포인트를 직접 생성하는 방법에 대한 답변은 다음과 같습니다.

사용자 정의 엔드포인트 만들기 워드프레스

예, React App과 WP를 별도로 호스팅하거나 하나로 함께 호스팅할 수 있습니다.WP 테마 안에 리액트 빌드 파일을 만들어 보았습니다.아직 완벽하진 않지만 작동 중입니다.

React Build 파일이 있는 간단한 WP 테마:(WP 테마 내 React Build Folder).

https://github.com/jun20/Simple-WP-ReactJS-Theme-Demo

그리고 이것은 reactjs dev 파일입니다.

https://github.com/jun20/wp-theme-reactjs-dev/tree/master/Final/end

비록 이것은 생산 준비가 되지 않았고 테스트도 되지 않았습니다.

아니면

생성된 반응 JS 빌드 파일은 WP Rest API의 사용자 지정 경로 및 끝점에서만 사용할 수 있습니다.

이 예와 마찬가지로: (repo Simple-WP-ReactJS-Theme-Demo의 빌드 파일입니다.이 React JS Build 폴더 -> https://github.com/jun20/wp-theme-reactjs-dev/tree/Final-Build/build 라이브 wp 사이트의 페이지에 게시물의 경로와 끝점, 주요 탐색이 있습니다.

(index.html, main.js ) 에 수 .htdocs폴더 또는 적절한 하위 폴더. Apache다를 해야 할 도 있습니다..htaccess적절한 경로를 리디렉션하도록 구성합니다.

언급URL : https://stackoverflow.com/questions/46966017/deploying-react-w-wordpress-as-backend-using-wp-rest-api