問題タブ [single-spa-angular]

すべて - バックエンド レイヤー レベルでの Spring-Boot 関連サービスの数がアーキテクチャ的に増加しているため、UI をマイクロ フロント エンドに移行することを計画しています。

複数のブート サービスを使用する単一の UI コードベースは、UI の依存関係を生み出し、UI コードベースは単一障害点になります。これを克服し、必要な場所で UI + データを消費するために、UI 用のマイクロ フロントエンド アプリを実装し、現在のセットアップも移行することを考えています。

調べてみると、シングル スパ フレームワークがこれに役立つことがわかりました。PoCもポジティブです。このアプローチ、警告、長所/短所などに関連する制約があるかどうかを理解したいと思います。それについて誰かがアドバイスしてください。

マイクロフロントエンドプロジェクトを処理するために、angular で単一のスパライブラリを使用しています。1 つのマイクロ フロントエンドは、他のマイクロ フロントエンドをロードしているメイン アプリです。他のサブアプリのビルド ファイルは、新しいサーバー内に存在します。

問題は、 ag-gridのようなアイコンで node-module を使用している場合です。サブアプリのパスではなく、メイン アプリの URL を使用しているため、アイコンは取得されません。

node_module パッケージは、メイン アプリの代わりにリモート サーバーのパスを使用する必要があります。

1 つの解決策が見つかりました。

• ag-grid node_module をコピーして assets フォルダーに貼り付け、パスをオーバーライドしてリモート環境をターゲットにします

このソリューションは、いくつかの理由で実行できません (更新が単純ではない、この新しいコードベースのメンテナンス、スタンドアロン mod とシングル スパ mod の違い)。

それを機能させる方法について何かアイデアはありますか？

• リバース プロキシ
• サブドメイン

create-single-spa cli ツールを使用して角度付き MFE を作成すると、組織名が要求されず、最後に webpack.config.js ファイルが作成されず、ルート構成が角度付き MFE を認識しませんか?

角度のあるアプリでは create-single-spa cli が壊れているようです。

angular MFEアプリケーションとユーティリティモジュールを作成するための代替手段??

2 つのアプリを作成しました。1 つは親アプリで、もう 1 つは子アプリです。ここで、親アプリで 1 つの製品コンポーネントを作成し、ルーティング ファイル内でパスを定義したとします。

ここでは、製品コンポーネント内に子アプリをマウントしています。たとえば、ルーターを使用して製品コンポーネントに移動するような app.component.ts ファイル内にあります。

親アプリはポート 4200 で実行され、子アプリはポート 4201 で実行されています。つまり、基本的に「http://localhost:4200/product/mockApp1」と入力すると、子アプリが親アプリ内に読み込まれ、 「mockApp1」はアプリ ID です。

だから今、私は親アプリのURLを通過している子アプリ内のこのアプリIDにアクセスしたいので、子アプリケーション内でこのアプリIDを取得することは可能です. 可能であれば、どうすれば達成できますか？

ありがとう