将angular 4与ng serve with php项目集成到现有的apache实例中



我是第一次使用Angular4。我注意到我有两种方法可以获得捆绑文件:

  1. ng保存--打开
  2. ng构建

使用2'选项,我可以获取捆绑文件,并将其移动到我的Apache服务器等托管的PHP项目中。。。这个程序没有问题,但当你必须开发一些东西时,它非常非常无聊。

说到ng-serve,我注意到Angular CLI创建了一个监听端口4200的NodeJS服务器。这种模式非常适合开发,因为Angular在每次更改后都会重新加载捆绑文件以及许多其他有用的东西。

但有一个大问题:使用NodeJS服务器,我无法在网站启动时集成PHP业务逻辑。

我将解释:例如,如果我使用ng捆绑包,我可以将这些文件复制粘贴到我的localhost/MyPhpProject/public/js中。然后用我的index.php导入这些文件,一切正常。

Angular将使用文件/MyAngularProject/src/index.html来代替ng-serve,该文件(在我的情况下)完全无用,只包含Hello World分区。

所以我的问题是:有没有一种方法可以"配置ng-server",以便在Apache服务器中使用localhost/MyPhpProject/index.php

非常感谢!!

有问题的情况是由于需要在现有的php项目中集成Angular4,其中页面的html代码由php生成,并且不可能将其集成到Angular文件夹下的文件index.html中。

因此,在这种情况下,我需要一个watch来在每次更改时重新创建捆绑文件,这些文件必须写入硬盘(而不是像ng-serve那样写入内存)。

解决方案可能是:https://stackoverflow.com/a/40128281/1883129使用命令ng-build--watch

您应该反过来做:通过对PHP应用程序的API调用,在浏览器和代理中运行webpack开发服务器。

请参阅Angular2(前端)和Symfony3(后端API)如何在开发区一起运行?

要将角度构建"复制"到目标目录,请使用ng build--output-path选项。

相关内容