如何在存储在 Github 存储库中的 Heroku 上部署 Angular-Flask-MySQL 项目

Question

我目前正在开发一个项目，该项目使用 Angular 作为前端框架，Flask 作为后端框架，MySQL 作为数据库。 此外，应用程序开发完成，源代码存储在私有Github repo中。

我的下一步是在 heroku 服务器上部署这个项目。做了一些研究后，我发现我必须将数据库更改为 Clear DB，这是 heroku 中可用的数据库。作为一个新手，这是我第一个部署到 heroku 服务器的 Web 应用程序。

是否有任何在线资源可供我参考，可以满足我的要求，或者如果有人以前做过这种方法，请列出这些步骤，以便我可以遵循它们。我们将非常感谢您的帮助。

谢谢和最好的问候。

Answer 1

我做过一个与 Angular 和烧瓶有关的项目。在应用部署阶段，我遇到了同样的问题。

我在两个单独的 heroku 服务器中部署了 angular 应用程序和 flask 应用程序。使用这种方法，您也可以轻松地进行应用程序的进一步开发。

以下是一些您可以参考的可靠来源，

将烧瓶应用程序部署到heroku https://stackabuse.com/deploying-a-flask-application-to-heroku/

将 Angular 应用程序部署到 heroku https://www.javaguides.net/2020/11/how-to-deploy-angular-application-to-heroku.html?m=1

分别部署这两个框架后，您可以将 Angular api 调用从 https://localhost:5000/api/ 替换为 https://yourbackendserver.herokuapp.com/api/