如何将 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 build 文件夹中的所有内容移动到云代码的 public 文件夹中。之后，移动到您的应用程序路径和运行 b4a deploy.

此外，您可以在移动新内容之前添加一个清除所有 public 文件夹内容的步骤，但请谨慎执行此步骤。

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

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

如何将 React 应用程序（create-react-app）部署到 Back4App？

How to deploy React app (create-react-app) to Back4App?

parse-platform

reactjs

back4app

create-react-app