使用WP Rest API部署React w / WordPress作为后端

Question

您将如何在后端托管/部署带有WordPress的React应用程序？我一直在使用WP Rest API插件，而且似乎需要托管API。我是否还必须在单独的服务器上托管我的前端React应用程序？或者我能以某种方式将所有内容放到像GoDaddy或GreenGeeks这样的共享托管服务上吗？

Answer 1

你有一些选择。您可以单独托管React和Wordpress，但我更喜欢使用docker在同一台服务器上托管我的。

如果您有好奇心，请查看此初始模板：https://github.com/postlight/headless-wp-starter

这是我的最爱之一，并且它已经预先包裹在一个带有直接指示的码头工人容器中。

Answer 2

您可以将构建文件（index.html，main.js等）放入htdocs文件夹或相应的子文件夹中。您可能需要更改Apache .htaccess配置以重定向相应的路由。

Answer 3

您可能有权使用CPanel或类似工具将文件部署到服务器上。

提醒是将构建文件放入子文件夹，而不是直接部署到服务器上，

然后是public_html / your_project_sub_folder_name，

然后您将能够使用该域/ your_project_sub_folder_name来访问reactjs （如果不是sub_folder分隔，则不能同时部署2个应用程序）

同时，您获得WP_REST的原始访问权限以获取json格式的发布数据，您可以根据需要创建自己的自定义终结点。

以下是关于如何创建自己的自定义端点的问题：

Creating custom endpoints Wordpress

Answer 4

是的，您可以分别托管React App和WP或将其托管在一起。 我试过在WP Theme中创建React Build Files。尚不完美，但可以正常工作。

这个带有React Build文件的简单WP主题：（WP主题内的React Build Folder）。

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

这是reactjs开发文件：

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

尽管这还没有准备好生产并且未经测试。

或

您只能将生成的React JS构建文件与WP Rest API中的自定义Routes和Endpoints一起使用。

如本例所示：（这是回购协议Simple-WP-ReactJS-Theme-Demo中的构建文件） 这个React JS Build文件夹-> https://github.com/jun20/wp-theme-reactjs-dev/tree/Final-Build/build 它在实时wp网站站点的页面上具有帖子的路线和终点（主要导航）。