wp decoupled

WP脱钩⚡

这是用于WordPress的React主题样板，它使用Next JS，WebPack，Babel，Node，Express构建。

实时演示网站。

现场演示

演示？

入门 ？

这些说明将使您在本地计算机上启动该项目的副本，以开发目的。

安装？

1. 克隆此仓库中的[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-partentication此插件将扩展WP-GraphQL插件，以使用JWT提供身份验证。
   • wp-graphiql为WP-Admin提供GraphiQl IDE（游乐场）
   • WP-GraphQL-WooCommerce将WooCommerce功能添加到WPGRAPHQL模式（测试至WP-GraphQL-WooCommerce的V0.7.0）

2. 您还可以导入WooCommerce插件随附的默认WooCommerce产品开发（如果您在WordPress安装中没有任何产品）WP仪表板>工具> WooCommerce产品（CSV）：WooCommerce默认产品CSV文件CSV文件可在wp-content/plugins/woocommerce/sample-data/sample_products.csv

2。用于身份验证

一个。您可以使用您选择的任何秘密令牌，但是最好使用WordPress盐生成器（https://api.wordpress.org/secret-key/1.1.1/salt/）生成一个秘密来生成一个秘密。并且只需拿起任何一个令牌，然后将其添加代替下面的“秘密token”：

在您的WordPress目录的wp-config.php中定义一个秘密：

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

b。根据您的特定环境，您可能必须研究如何启用这些标题，但是在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使用Inspector运行DEV服务器
• npm run server运行下一个生产服务器
• npm run lint运行衬里
• npm run format运行格式
• npm run build创建下一个构建

在手机上使用PWA

• 在手机上打开Chrome的网站，然后单击“添加到主屏幕”。
• 它将在您的手机上下载并保存为渐进式Web应用程序。
• 一旦添加了移动设备上的WP Decoupled应用程序。
• 即使您离线，此PWA也将起作用。

分支信息？

1. 大师主反应WooCommerce主题
2. 开发进行测试
3. WP-Docoupled-Boilerplate样板将使用PWA实施（正在进行的工作）启动新的React主题项目

作者

• rtcamp

贡献者？

• 伊姆兰说
• 穆罕默德·穆辛（Muhammad Muhsin）
• Divyaraj Masani
• 赛义德·塔基（Sayed Taqui）
• Vipin Kumar Dinkar
• Belal Dif

执照 ？

该项目已根据MIT许可证获得许可 - 有关详细信息，请参见许可证文件。

您感兴趣吗？