如何将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构建文件夹中的所有内容移动到云代码的公共文件夹中即可。之后，转到您的应用程序路径并运行 b4a deploy 。

此外，您可以在移动新内容之前添加清除所有公用文件夹内容的步骤，但请谨慎使用此步骤。

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

This是在Back4App中部署的create-react-app的实时演示。