如何在 git 存储库中拆分 Angular 应用程序客户端/服务器端代码

Question

我只是好奇在 git 存储库中拆分客户端和服务器端代码的正确方法是什么，以及如何让它们重新一起工作以进行开发、测试和部署？

例如，让我们使用一个带有 laravel 后端和 Angular 前端的应用程序。

对我来说，将两者放入不同的 git 存储库似乎是正确的方法，例如app-angular-frontend 和 app-laravel-backend，因为它们在某种程度上是独立的（不同的构建过程和工具，...），即使它们在一定程度上相互依赖（api）。

但是我现在不知道如何将它结合起来，因为 angular 应用程序应该由 laravel 后端提供服务并从中获取数据。无论如何构建的角度应用程序必须到达后端应用程序的公共文件夹？

Answer 1

使用单独的存储库。 这有助于使事情变得独立、可扩展且易于管理。

使用您的 Laravel 和 Angular 示例，假设您要维护两个不同的 EC2 实例 - 一个用于前端，另一个用于后端。 它们相互连接的事实不是由相同或不同的存储库定义，而是由安全配置定义，例如在同一个安全组中，能够相互连接等。

两个框架都遵循不同的设置程序； 您可以通过一些composer 和php artisan 命令安装一个，另一个通过npm 和@angular/cli 安装。

如果您想自动化此过程以在同一台机器上设置两个项目，您可以编写一个 bash 脚本，该脚本在运行一次后会执行所有操作，包括在两个位置克隆存储库、有条件地生成 env 文件、运行 composer 和 npm各个目录中的命令等。