2017-06-26 2 views
1

私はAngularの初心者であり、別のアプリケーション(別のポートでホストされ、全く異なるリポジトリと角度バージョンを持つ)にアクセスできるかどうかを確認しようとしていました。 は、私は2つの角度活字体プロジェクト、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

関連する問題