將遠程AngularJS應用程序嵌入網頁的正確方法是什麼？

我試圖找出將AngularJS應用程序嵌入另一個網頁（由另一個應用程序提供）的正確方法。我有兩個應用程序，在不同服務器上運行的：將遠程AngularJS應用程序嵌入網頁的正確方法是什麼？

應用1 - PHP應用

應用2 - AngularJS應用程式（各種各樣的日曆窗口小部件）

的PHP應用程序是主應用程序，在其中欲嵌入從遠程服務器提供的日曆。我可以完全訪問兩臺服務器和兩個應用程序。我的想法是，我希望能夠在其他地方重新使用Angular應用程序，因此它需要儘可能與PHP應用程序鬆散耦合，最好是嵌入一行代碼中。

我目前正在使用HTML5標籤，這似乎工作得很好，但我想知道這種方法是否有什麼問題，或者如果有更好的方法來做我以後的事情。

我應該提到，我很高興使用僅限HTML5的解決方案，我不擔心與舊版瀏覽器的向後兼容性。

沒有iFrame解決方案，除非有一個真正有效的解決方案。我的最終目標是邁向微服務式架構。

在此先感謝您的幫助。

來源

2015-06-09 Dave Harding

一個「應用程序」是它自己的東西。如果您需要嵌入的小部件，請嘗試jQuery UI或類似的東西。 – Blazemonger

嗨@Blazemonger - 我無法鏈接到特定的文件，因爲我需要它鬆散耦合，我需要允許Angular應用程序根據需要進行更改。我想將http://bla.example.com/中提供的任何內容嵌入到PHP應用程序的頁面中。 –

我通常用Bower來管理我所有的客戶端依賴項，但是你可以使用任何包管理器。

這就是我將如何與Bower，它只是使用Git拉下你的依賴關係。此解決方案需要您瞭解如何使用Git。

安裝鮑爾 - 見上面的鏈接。

{ 
    "name": "my-php-app", 
    "version": "0.0.0", 
    "dependencies": { 
     "my-angular-app": "[email protected]:MY_BITBUCKET_ACCOUNT/my-angular-app.git#master" 
    } 
}

然後你就可以在你的PHP項目的根目錄中運行以下命令：

然後，在你的項目的根目錄指向你的項目的Git倉庫創建一個名爲bower.json文件

bower install

這將在根目錄下創建一個名爲bower_components的目錄。您可以configure the default directory。

您的應用程序應該是獨立的。您可以在所需的頁面上使用PHP導入它及其所有依賴項。

來源

2015-06-09 15:33:39 Tina

感謝蒂娜 - 雖然我的解決方案需要從遠程角度web服務提供所有文件，並鬆散地綁定到主應用程序。所有的主要應用程序都會知道角度應用程序，是終點。 –

將遠程AngularJS應用程序嵌入網頁的正確方法是什麼？

回答

相關問題