Javascript 什么';将远程AngularJS应用程序嵌入网页的正确方法是什么?

Javascript 什么';将远程AngularJS应用程序嵌入网页的正确方法是什么?,javascript,php,angularjs,html,microservices,Javascript,Php,Angularjs,Html,Microservices,我正在努力找到将AngularJS应用程序嵌入另一个网页(由另一个应用程序提供)的正确方法。我有两个应用程序,运行在不同的服务器上: 应用程序1-PHP应用程序 应用程序2-AngularJS应用程序(各种日历小部件) PHP应用程序是主要的应用程序,我想将日历嵌入其中,日历由远程服务器提供。我可以完全访问这两个服务器和两个应用程序。我的想法是,我希望能够在其他地方重用Angular应用程序,因此它需要尽可能松散地耦合到PHP应用程序,最好嵌入到一行代码中 我目前正在使用一个HTML5标签,它似

我正在努力找到将AngularJS应用程序嵌入另一个网页(由另一个应用程序提供)的正确方法。我有两个应用程序,运行在不同的服务器上:

应用程序1-PHP应用程序

应用程序2-AngularJS应用程序(各种日历小部件)

PHP应用程序是主要的应用程序,我想将日历嵌入其中,日历由远程服务器提供。我可以完全访问这两个服务器和两个应用程序。我的想法是,我希望能够在其他地方重用Angular应用程序,因此它需要尽可能松散地耦合到PHP应用程序,最好嵌入到一行代码中

我目前正在使用一个HTML5标签,它似乎工作得很好,但我想知道这种方法是否有什么问题,或者是否有更好的方法来完成我所追求的

我应该提到的是,我很乐意使用纯HTML5的解决方案,我不担心与旧浏览器的向后兼容性

没有iFrame解决方案,除非有真正有效的解决方案。我的最终目标是走向微服务风格的体系结构


提前感谢您的帮助。

我通常使用管理所有客户端依赖项,但您可以使用任何包管理器

这就是我将如何使用它的方法,它只是使用Git来提取依赖项。此解决方案需要您知道如何使用

安装撑架,参见上面的连杆

然后,在项目根目录下创建一个名为
bower.json
的文件,该文件指向项目的Git存储库:

{
    "name": "my-php-app",
    "version": "0.0.0",
    "dependencies": {
        "my-angular-app": "git@bitbucket.org:MY_BITBUCKET_ACCOUNT/my-angular-app.git#master"
    }
}
然后可以在PHP项目的根目录中运行以下命令:

bower install
这将在根目录中创建一个名为
bower\u components
的目录。你可以


您的应用程序应该是独立的。您可以在所需页面上使用PHP导入它及其所有依赖项。

一个“应用程序”是它自己的东西。如果你需要一个小部件来嵌入,试试jQuery UI或类似的东西。Hi@Blazemonger-我不能链接到特定的文件,因为我需要它松散耦合,我需要允许Angular应用程序在需要时进行更改。我想将提供的任何内容嵌入到PHP应用程序的页面中。谢谢Tina-尽管我的解决方案要求所有文件都从远程web服务提供,并松散地绑定到主应用程序。所有主要应用程序都将了解angular应用程序,即端点。