リモートアプリケーションUIリファレンス
カスタム要素 と IFrame クライアント拡張は、Liferay のフロントエンドインフラを使用して JavaScript アプリケーションを登録し、ページウィジェットとしてレンダリングします。 これらの拡張機能を追加・管理するには、 グローバルメニュー(
) を開き、 アプリケーション タブをクリックし、 リモートアプリ に進みます。
拡張機能を作成または編集する場合、選択したクライアント拡張機能のタイプ(カスタム要素またはIFrameなど）に応じて、以下のフィールドが使用できます。
| 項目 | Description |
|---|---|
| 名称 | リモートアプリケーションエントリーとそのウィジェットに使用される表示名です。 |
| 説明 | リモートアプリケーションエントリーの説明。 |
| ソースコードURL | 便宜上、外部アプリケーションのソースコードへのURLを指定します。 |
| 種類 | 現在、LiferayはカスタムエレメントとIFrameの2種類をサポートしています。 これらのタイプは、Liferayプラットフォームと外部アプリケーションの間の契約を決定します。 |
| URL(IFrame） | 外部アプリケーションがホストされている場所のURL。 エントリーのウィジェットは、リモートアプリケーションの URL を指す <iframe> 要素でアプリケーションをレンダリングします。 |
| HTML 要素名 (カスタム要素) | その .js ファイルで宣言されているカスタム要素の名前。 カスタム要素を作成する.jsファイルは、その要素に名前を関連付ける必要があります。 この名前は、HTML要素名の値と一致する必要があります。 |
| ESモジュールを使用(カスタム要素） | ブラウザがアプリケーションのJSインジェクションを ESモジュール として認識するかどうかを判断します。 有効にすると、Liferayはリモートアプリケーションを構築する際に <script src="js url" type="module"> 、アプリケーションがES6ブラウザモジュールとして扱われるようになります。 |
| URL(カスタム要素） | アプリケーションの.jsの各ファイルについて、個別の URLを入力します。 追加( ) をクリックすると、さらにURLフィールドが追加されます。 |
| CSS URL (カスタム要素) | アプリケーションの.cssの各ファイルについて、個別のURLを入力します。 追加() をクリックすると、さらにCSS URLフィールドが追加されます。 |
| インスタンス化可能 | リモートアプリケーションのウィジェットがインスタンス化可能かどうかを判断する。 有効にすると、同じページに複数のウィジェットを追加することができます。 |
| ポートレットのカテゴリー名 | ウィジェットメニューで、ウィジェットのカテゴリを入力します。 デフォルト値は リモートアプリケーション です。 |
| フレンドリURLのマッピング | ウィジェットのフレンドリURLマッピングを定義することで、よりユーザにとって読みやすいURLを使用して参照できるようになります。 |
| 詳細設定 | アプリケーションのウィジェットのすべてのインスタンスに含まれるデフォルトのプロパティを定義します。 これらのプロパティは、プログラム的にアクセスするための追加URL属性として、ウィジェットからリモートアプリケーションに渡されます。 必要であれば、個々のウィジェットインスタンスでこれらのエントリープロパティをオーバーライドするように設定することができます。 |