【问题标题】:Deploy strapi and react js to heroku部署strapi并将js反应到heroku
【发布时间】:2021-04-07 21:14:21
【问题描述】:

我有strapi作为后端,反应js作为前端开发在单独的文件夹中。当从 localhost 进行开发时,我必须为在两个不同端口中运行的 Strapi 和 react js 运行 npm start

问题是,我被要求将我的项目部署到 heroku,但我不知道部署过程,因为我找不到关于此问题的具体教程。我在这里How to deploy Strapi backend and ReactJS frontend to a single Heroku app 发现了与我的类似问题,但给出的解决方案尚不清楚。

我应该把strapi和react js放在一个文件夹中,然后像给定的解决方案一样添加中间件然后只部署吗?

【问题讨论】:

    标签: reactjs heroku deployment


    【解决方案1】:

    您需要做的第一件事是在您的机器上安装 CLI。之后,您需要使用以下命令登录 heroku:

    $ heroku login
    

    完成此步骤后,您需要克隆存储库或远程位置,以防您的本地计算机上已有 git 存储库。

    请记住,在此之前,您需要先在 heroku.com 上创建一个 Heroku 应用程序。然后按照步骤进行。

    $ heroku git:clone -a [my-repository-name]
    

    完成此操作后。提交您的项目文件。像这样。

    $ git add .
    $ git commit -m "my first project commit front end"
    $ git push heroku master
    

    您需要确保拥有运行 npm run 命令所需的 procfile。所以..创建一个名为的文件。

    过程文件

    (这是src文件后面需要的文件名。

    完成此操作后。您可以继续下一个项目。例子。这仅适用于您的前端应用程序。对于后端应用程序,您可以创建另一个应用程序并重复相同的步骤。

    web: npm run start
    

    【讨论】:

    • 感谢您的回复。其实我已经完成了你上面提到的所有步骤。我只想强调你的最后一点。您是否建议我应该在我的 heroku 中创建两个应用程序,一个用于strapi(后端),一个用于 react js(前端),并让它们都在单独的 url 中运行?
    • @Leon 是的...后端一个应用程序,然后前端另一个应用程序,并在前端更改您背部的网址。建议为此使用环境变量,这样您就可以在 heroku 和本地使用它们而不必担心。 :D
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-25
    • 2022-06-20
    • 2020-10-01
    相关资源
    最近更新 更多