2017-06-26 61 views
1

我是Angular的新手,並試圖查看我們是否可以訪問另一個應用程序(託管在不同的端口上,具有完全不同的存儲庫和Angular版本)。 可以說我有兩個角打字稿項目,A和B.運行和訪問多個角度應用程序

======================================= 
Project A configuration: 
Angular 1.5 
Typescript 2 
Grunt for build purposes. 
runs on localhost:8080 

======================================= 
Project B configuration: 
Angular 2 
Typescript 2 
Webpack for build purposes. 
runs on localhost:9000 
======================================= 

論文的應用程序,A和B的每一個不同的存儲庫主辦。 現在,讓我們說項目A是主,並且有一個選項卡(按鈕),點擊時應該調用項目B上託管的索引頁面。

按鈕標籤是'microapp;以下是src:

$scope.showMicroApp = function showMicroAppView(isMessagePanelOpen) { 
      // $scope.isEnvelopeOpen = !!isMessagePanelOpen; 
      $scope.changeRoute('/microapp'); 
      $location.path('/microapp'); // HOW DO I REDIRECT? 
     }; 

我爲什麼要這麼做?

我這樣做是爲了在我的項目的前端部分實現獨立性。 這樣,如果我改變一個特定的屏幕/模塊,我不必構建整個項目。我可以簡單地構建已更改的模塊並查看所反映的更改。 這是可以實現的嗎?我是否需要更改項目B的現有實施?

如果您有任何線索,請提供幫助。

回答

2

由於您單獨託管了應用程序A和應用程序B,因此您必須導航到絕對路徑而不是相對路徑。

您不需要構建這兩個應用程序模塊。由於兩者分別託管在Web服務器上並且它將獨立工作,因此只能構建更改的模塊。

enter image description here

我希望這個信息將有助於

相關問題