wp decoupled

WP 분리 된 ou

이것은 다음 JS, Webpack, Babel, Node, Express로 제작 된 WordPress의 반응 테마 보일러 플레이트입니다.

라이브 데모 사이트.

라이브 데모

데모?

시작하기?

이 지침을 통해 개발 목적으로 프로젝트 사본을 현지 기계에서 실행할 수 있습니다.

설치?

1. 이 repo를 [email protected]:rtCamp/wp-decoupled.git
2. cd wp-decoupled
3. nvm use
4. npm install

백엔드 (WordPress 사이트) 구성?

1. WordPress에 GraphQL 지원을 추가하십시오

1. WordPress 플러그인 디렉토리에서 다음 플러그인을 복제하고 활성화하십시오.

   • wp-graphql은 WordPress에 GraphQL을 노출시킵니다
   • wp-graphql-jwt-authentication이 플러그인은 wp-graphql 플러그인을 확장하여 JWT를 사용하여 인증을 제공합니다.
   • WP-graphiql은 WP-Admin에 Graphiql IDE (Playground)를 제공합니다
   • wp-graphql-woocommerce는 wpgraphql 스키마에 woocommerce 기능을 추가합니다 (wp-graphql-woocommerce의 V0.7.0까지 테스트)

2. 또한 Woocommerce 플러그인과 함께 제공되는 기본 WooCommerce 제품 (WordPress 설치에 제품이없는 경우 WP 대시 보드> 도구> WooCommerce Products (CSV) : WooCommerce Default Products CSV 파일은 wp-content/plugins/woocommerce/sample-data/sample_products.csv 에서 사용할 수 있습니다.

2. 인증을 위해

에이. 원하는 비밀 토큰을 사용할 수 있지만 WordPress 소금 발생기 (https://api.wordpress.org/secret-key/1.1/salt/)를 사용하여 비밀을 생성하는 것이 가장 좋습니다. 그리고 아래의 토큰 중 하나를 집어 들고 아래의 '당신의 비밀 요금'대신에 추가하십시오.

WordPress 디렉토리의 wp-config.php 에서 비밀을 정의하십시오.

 define( 'GRAPHQL_JWT_AUTH_SECRET_KEY', 'your-secret-token' );

비. 특정 환경에 따라 이러한 헤더를 활성화하는 방법을 조사해야 할 수도 있지만 Apache에서는 .htaccess 에서 다음을 수행 할 수 있습니다.

 SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

프론트 엔드를 구성 하시겠습니까?

• .env.example .env 로 이름을 바꾸고 세부 정보를 업데이트하십시오

 SITE_URL=http://localhost:3000
NEXT_PUBLIC_WOO_SITE_URL=http://yourwocommercesite.com
WOO_CONSUMER_KEY=xxxxx
WOO_SECRET=xxxxx

명령

• npm run dev 개발 모드에서 노드 서버를 실행합니다.
• npm run dev:inspect Dev 서버를 검사자 로 실행합니다
• npm run server 다음 Produciton 서버를 실행합니다
• npm run lint Linter를 실행합니다
• npm run format Formatter를 실행합니다
• npm run build 다음 빌드를 만듭니다

모바일에서 PWA 사용

• 모바일의 Chrome에서 사이트를 열고 홈 화면에 추가를 클릭하십시오.
• 모바일의 점진적 웹 앱으로 다운로드 및 저장됩니다.
• 일단 추가하면 모바일에서 WP Decoupled 앱을 추가하십시오.
• 이 PWA는 오프라인 상태 일 때도 작동합니다.

지점 정보?

1. 마스터 메인 반응 WooCommerce 테마
2. 테스트를 위해 개발하십시오
3. WP-Docoupled-Boilerplate Boilerplate PWA 구현을 통해 새로운 React 테마 프로젝트를 시작하려면 (작업중인 작업)

작가

• rtcamp

기고자?

• Imran은 말했다
• 무하마드 무신
• Divyaraj Masani
• 타키
• Vipin Kumar Dinkar
• Belal dif

라이센스?

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 License.md 파일을 참조하십시오.

이것이 당신에게 관심이 있습니까?