wp decoupled

WP отделен ⚡

Это Coiferplate для WordPress, построенный из следующей JS, WebPack, Babel, Node, Express.

Живой демонстрационный сайт.

Живая демонстрация

Демонстрация?

Начиная ?

Эти инструкции дадут вам копию проекта и работают на местной машине для целей разработки.

Установка?

1. Клонировать это репо в [email protected]:rtCamp/wp-decoupled.git
2. cd wp-decoupled
3. nvm use
4. npm install

Настроить Backend (сайт WordPress)?

1. Добавить поддержку GraphQL на WordPress

1. Клонировать и активировать следующие плагины, в вашем каталоге плагинов WordPress:

   • wp-graphql обнажает GraphQL для WordPress
   • WP-GraphQL-JWT-Authentication Этот плагин расширяет плагин WP-GraphQL, чтобы обеспечить аутентификацию с использованием JWT.
   • WP-Graphiql предоставляет Graphiql IDE (Playground) для WP-ADMIN
   • WP-Graphql-Woocommerce добавляет функциональность WooCommerce к схеме wpgraphql (проверено на V0.7.0 WP-Graphql-Woocommerce)

2. Вы также можете импортировать продукты WooCommerce, которые поставляются с плагином WooCommerce для разработки (если у вас нет продуктов в вашей установке WordPress) WP Dashboard> Инструменты> Продукты WooCommerce (CSV): WooCommerce Default File wp-content/plugins/woocommerce/sample-data/sample_products.csv

2. Для аутентификации

а Вы можете использовать любой секретный токен по вашему выбору, однако было бы лучше, если бы вы генерировали его, используя генератор соли WordPress (https://api.wordpress.org/secret-key/1.1/salt/), чтобы сгенерировать секрет. И просто возьмите любой из токена и добавьте его вместо «вашего секретного тока» ниже:

Определите секрет в wp-config.php вашего каталога WordPress:

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

беременный В зависимости от вашей конкретной среды вам, возможно, придется исследовать, как включить эти заголовки, но в Apache вы можете сделать следующее в своем .htaccess :

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

Настройка фронта?

• Переименовать .env.example to .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 запускает следующий сервер производительности
• npm run lint запускает Linter
• npm run format запускает форматер
• npm run build создает следующую сборку

Использование PWA на мобильном

• Откройте сайт в Chrome на своем мобильном телефоне, а затем нажмите «Добавить на главной экране».
• Он будет загружен и сохранен как прогрессивное веб -приложение на вашем мобильном телефоне.
• После добавленного WP Decoupled на ваш мобильный приложение.
• Этот PWA будет работать, даже когда вы офлайн.

Информация о ветвях?

1. Master Main React Woocommerce Тема
2. Разработать для тестирования
3. WP-KOCOUPLED-BOILERPLATE КОВЕРКА, чтобы запустить новый проект темы React с реализацией PWA (работа в процессе)

Автор

• rtcamp

Участники?

• Имран Сайед
• Мухаммед Мухсин
• Дивьярадж Масани
• Сайед Таки
• Випин Кумар Динкар
• Белал Диф

Лицензия?

Этот проект лицензирован по лицензии MIT - для получения подробной информации см.

Вас это интересует?