【问题标题】:Angular Universal Deployment on HerokuHeroku 上的 Angular 通用部署
【发布时间】:2017-08-29 15:47:58
【问题描述】:

在本教程上开始使用 Angular Universal 之后: https://coursetro.com/posts/code/68/Make-your-Angular-App-SEO-Friendly-(Angular-4-+-Universal)

我想知道将我的应用部署到 Heroku(或其他)的下一步是什么。我搜索了很多,但我没有找到一个具体的教程来解释我如何正确地做到这一点。有没有人有好的来源? 提前谢谢你

【问题讨论】:

    标签: angular heroku angular-universal


    【解决方案1】:

    可能对您有帮助的一件事(我遇到过)是确保您的 devDependencies 已安装在 Heroku 上。为此,您必须运行:

     heroku config:set NPM_CONFIG_PRODUCTION=false
    

    如此处所述https://devcenter.heroku.com/articles/troubleshooting-node-deploys

    【讨论】:

      【解决方案2】:

      我发布了一个完整的教程,让 Angular Universal 应用程序与 Heroku 一起使用 here

      Universal Starter repo 是我开展该项目的基础。我做了一些调整,包括添加一个Procfile,并确保添加一个属性postinstall 脚本,以便在你推送存储库后Heroku 可以执行一些构建。

      从那里开始,它很简单: git init heroku login heroku create git add . git commit -m "initial commit" git push heroku master

      我的Medium article 对此进行了更详细的解释。

      我还设置了一个带有现成更改的仓库here

      希望有帮助!

      【讨论】:

      • 很好的答案,教程链接很有帮助
      【解决方案3】:

      我在 youtube 上找到了这个教程,希望对你有帮助 https://www.youtube.com/watch?v=GgWvuBdatAM

      【讨论】:

        【解决方案4】:

        如果有人有兴趣,

        我创建了一个 Angular 7 Universal Starter,可以轻松部署 Heroku here

        只需克隆项目,运行 yarn install 即可部署

        【讨论】:

          猜你喜欢
          • 2016-11-26
          • 2015-03-28
          • 2017-01-21
          • 2021-05-27
          • 2018-11-19
          • 2018-03-20
          • 2020-11-06
          • 2017-12-03
          • 2017-05-14
          相关资源
          最近更新 更多