reactjs - 如何将 React 应用程序 (create-react-app) 部署到 Back4App？

Question

我已经使用 create-react-app 创建了一个 React 应用程序，我想将其部署到 Back4App。

问题是我想部署 build 文件夹而不是 public 文件夹(我知道这是 Back4App/ParsePlatform 的默认文件夹)。

到目前为止，我还没有找到任何方法来配置 deploy 以使用 public 文件夹以外的任何内容。

有什么解决方案/解决方法吗？

Answer 1

如果您使用 B4A CLI，部署 create-react-app 最简单的方法之一是，首先将 build 脚本更改为 package.json，如下所示:

...
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build && cp -r build/* {{PATH-TO-YOUR-B4A-APP}}/public",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
...

如您所见，您只需将 create-react-app 构建文件夹中的所有内容移动到云代码的公共(public)文件夹中。之后，移至您的应用路径并运行b4a部署。

此外，您可以添加一个步骤来在移动新内容之前清除所有公用文件夹内容，但请小心执行此步骤。

否则，您可以访问 Cloud Code Functions 中的 Back4app Parse-Dashboard，并使用浏览器界面将所有构建内容部署到公共(public)文件夹中。

This是部署在 Back4App 中的 create-react-app 的现场演示。