AngularJs フレームワークから Angular フレームワークへの移行

アプリケーションのフロントエンド・アーキテクチャーは、 AngularJS のセキュア MVC データ・バインディング機能を活用してアプリケーション・パフォーマンスを動的にするのに役立つ MVC (Model-View-Controller) 設計に従っています。 ただし、 AngularJS はモバイル・サポートを念頭に置いて作成されたものではないため、モバイル・ブラウザーのサポートはありません。 AngularJS は効率的なフレームワークであり、小規模のアプリケーションを構築するための柔軟性と軽量という点で利点があります。 Sterling Store Engagementの新機能の追加により、スコープの数が増え、両方向バインディングの速度が低下するため、コード・ベースが複雑になり、パフォーマンスに影響を及ぼしました。

近代的な開発原則に従って未来を見通す建築を構築することを目的として、MVC ベースの建築から、Angular と Single-SPA フレームワークを用いた最新のマイクロフロントエンド建築に移行することが決定されました。 この再アーキテクチャーで活用できるビジネス上の利点には、コードの最適化、保守の容易さ、コストの最適化 (サード・パーティー・ツールへの依存を最小限に抑える) などがあります。

マイクロ・フロントエンド・アーキテクチャーは、モノリシック・アプリケーションをマイクロフロントと呼ばれる小さい論理モジュールに分割します。 同時に、単一のアプリケーションを使用する場合と同様のユーザー・エクスペリエンスを保持します。 新しいマイクロフロントエンド・ベースのアーキテクチャーでは、アプリケーションは複数の角度アプリケーション・モジュールで構成され、単一スパ・フレームワークをハイレベル・ルーターとして活用します。 URL がアクティブになると、single-spaはルートに基づいて特定のAngularアプリケーションをロードします。 Angular フレームワークにより、開発者は新しいアプリケーションをより迅速に構築することができ、より小さなバンドルでそれらを非常に効率的にすることができ、その結果、アプリケーションのロードが高速化されました。

カスタマイズ

Store Engagement（次世代）ソリューションは、差分とオーバーライドの両方の拡張メソッドを使用して、UIのカスタマイズをサポートしています。 アーキテクチャーの変更により、ローカル開発環境のセットアップ、コード構造、カスタマイズの開発と抽出における変更を期待できます。 ただし、差分およびオーバーライド拡張性を使用した UI のカスタマイズのコア・サポートは保持されます。 しかし、カスタマイズを作成する方法は変わります。

注:

• アプリケーション提供のソース・コードおよびカスタマイズ・コードは、ローカル開発環境でのみデバッグできます。
• appMode=dev プロパティーはサポートされていません。