如何将create-react-app部署到Web主机(例如Siteground)？

Question

我正在使用create-react-app构建一个react项目,并试图找出如何将我的代码部署到Siteground上的托管服务器.

有谁知道最好的方法吗？我是否通过FTP导入我的构建文件夹？我可以通过GitHub自动化流程吗？

提前致谢!

Answer 1

根据create-react-app文档,您运行npm run build并基本上只是输出并将其FTP到您的Web服务器.

但是你的问题非常广泛 - 你可以通过GitHub或其他工具实现自动化,但这确实会在StackOverflow(这不是那些问题的正确论坛)上提出有意见的回答.

Answer 2

npm run build或者yarn build

构建用于生产的应用程序到build folder. 它在生产模式下正确捆绑 React 并优化构建以获得最佳性能。

npm run build使用应用程序的生产版本创建一个构建目录。设置您最喜欢的 HTTP 服务器，以便为您站点的访问者提供 index.html 服务，并对静态路径（如）的请求/static/js/main.<hash>.js提供文件内容/static/js/main.<hash>.js。

来源：create-react-app

Answer 3

我刚刚使用 FileZilla 将 create-react-app 上传到 siteground，步骤如下：

1. 一切准备就绪后npm run build
2. 在浏览器上打开 siteGround 并进入 myAcount 部分，单击go to cPanel向下滚动并查找FTP Accounts
3. 创建一个指向该目录的新帐户public_html
4. 创建后，它将出现在下方，一直到右键单击configure FTP client并在手动设置下，您已经获得了连接所需的内容
5. 打开 FileZilla 并在文件中转到siteManager然后new site
6. host（在filezilla中）=== FTP server（在sitiGround中），port将其设置为siteground端口，协议和加密保留为默认值
7. Logon Type设置为正常 , user=== FTP user(siteGround) 以及password您用于创建该 FTP 用户的那个
8. 单击并将内容（从您的电脑左侧）connect粘贴到您的（右侧的文件夹）yourApp/buildpublic_html in siteGround

就是这样！转到您的网站并检查，反应应用程序应该显示在那里

这是此过程的来源 https://www.siteground.com/tutorials/ftp/ 这里他们使用 fileZilla 的快速连接，但我有多个站点，因此 siteManager 更干净并存储您的凭据以供下次使用