2017-11-10 4 views
0

Angular CLIを使用して、3つの部分AngularJSエンタープライズアプリケーションを置き換えています。War内で動作するAngular 5プロジェクトを設定するにはどうすればよいですか? Angular CLIの使用

アプリはこのように構成されています。私はアプリ2 -

ログイン(APP1)を書き換えしようとしています - >ルーティング(サードパーティのアプリ)とユーザー設定(APP2) - > [管理者機能(APP3)

は、今私が持っている問題があることですJavaアプリケーションはポート8080で実行され、CLIは4200で実行されます。これは大きな問題ではありません。私はproxy.conf.jsonを使用して自分の開発サーバーにアクセスできました。

これは

{ 
    "**":{ 
     "target": "http://localhost:8080", 
     "secure": false, 
     "loglevel": "debug", 
     "changeOrigin": true 
    } 
} 

[ファイル] - 私の代理である私の問題は、私は2台のサーバーを実行する必要があることで、1つのアプリから次へ統合は本当に問題になるだろう。私はプロードビルドをリリースし、他のアプリに統合しようとする必要があります。クッキー、JSPの使用による他のDOMデータの問題があります。基本的に、このワークフローの使用は非効率的です。しかし、私はAngular CLIが本当に好きです。

この問題を回避するためにCLIを設定する方法はありますか?私は最初からwebpackをセットアップしようとしていますか?他の誰もがこのような問題を遭遇する?私はWebpackの初心者で、Angular 5(2+)を初めて使用しています。

助けてください。

+0

あなたが持っている問題をよく理解しています。これは、フロントエンド開発のためのAPI部分とAngular CLI用にサーバーを実行するための共通の設定です。 –

答えて

1

あなたの角型プロジェクトをMavenプロジェクトに変換することをお勧めします。あなたはそれを使って容易に戦争を創り出すことができます。

  • シンプルなwebappを使用しました。 3つのMavenプラグインは以下の

ディレクトリ構造 -

AngularApp 
├── pom.xml 
├── src 
│ └── main 
│  ├── java 
│  ├── resources 
│  ├── webapp 
│  └── angularapp 

オープンのpom.xmlと設定: -

  • コンパイラプラグイン
  • 戦争 - プラグイン
  • のexec-pluginの

では、pom.xmlにすべてのビルドパラメータを指定できます.pom.xmlを実行すると、warファイルが生成されます。

+0

申し訳ありませんが、すでにwarファイルと、内部で実行したいJavaプロジェクトがあります。私は同じサーバー、つまりポート8080で実行したいと思います。 – apaul

+1

はい、warファイルを任意のWebサーバーまたはアプリケーションサーバーに展開する必要があり、warファイルが展開される展開フォルダ内に作成する必要がありますフォルダを作成し、角度ビルドによって生成されたdistフォルダの内容をコピーし、index.htmlでbasehrefタグを変更します。あなたがwarファイルを展開する場合、tomcatフォルダ - > webappsに入り、ngAppという新しいフォルダ名を作成し、ng buildで生成されたdistフォルダの内容をコピーし、index.htmlを開き、update これでlocalhost:8080/ngAppで角型アプリケーションにアクセスできます。 –

関連する問題