Question

我试图找出将AngularJS应用程序嵌入另一个网页的正确方法（由另一个应用程序提供）。我有两个应用程序，在不同的服务器上运行：

App 1 - PHP app

App 2 - AngularJS应用程序（各种日历小部件）

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

我目前正在使用HTML5标签，这似乎运作良好，但我想知道这种方法是否有任何问题，或者是否有更好的方法来做我所做的事情。后。

我应该提到我很高兴使用仅限HTML5的解决方案，我不担心与旧版浏览器的向后兼容性。

没有iFrame解决方案，除非有真正有效的解决方案。我的最终目标是走向微服务式架构。

提前感谢您的帮助。

Answer 1

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

我就是这样做的Bower，它只使用Git来下拉你的依赖项。此解决方案需要您了解如何使用Git。

安装Bower-见上面的链接。

然后，在项目的根目录创建一个名为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_components的目录。你可以configure the default directory。

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

将远程AngularJS应用程序嵌入网页的正确方法是什么？

1 个答案: