CRXDE Lite による開発 developing-with-crxde-lite
ここでは、CRXDE Lite を使用して Adobe Experience Manager(AEM)アプリケーションを開発する方法について説明します。
使用可能な他の開発環境について詳しくは、概要のドキュメントを参照してください。
CRXDE Lite は AEM に搭載されており、これを使用してブラウザー内で標準的な開発作業を実行できます。CRXDE Lite を使用すると、プロジェクトの作成や、ファイル(.jsp や .java など)、フォルダー、テンプレート、コンポーネント、ダイアログ、ノード、プロパティおよびバンドルの作成と編集をログ記録を行う間に実行することができます。
CRXDE Lite は、AEM サーバーに直接アクセスできない場合にお勧めします。また、すぐに使用可能なコンポーネントと Java™ バンドルを拡張または変更してアプリケーションを開発する場合、または専用のデバッガー、コード補完、および構文のハイライト表示を必要としない場合にもお勧めします。
ユーザーはログイン画面にリダイレクトされます。
CRXDE Lite の使用 getting-started-with-crxde-lite
CRXDE Lite の使用を開始するには、次の手順に従ってください。
-
AEM をインストールします。
-
Web ブラウザーに
https://<host>:<port>/crx/de
と入力します。デフォルトではhttps://localhost:4502/crx/de
です。 -
ユーザー名 と パスワード を入力します。デフォルト値は、それぞれ
admin
とadmin
です。 -
「OK」をクリックします。
ブラウザーでは、CRXDE Lite のユーザーインターフェイスは次のように表示されます。
これで、CRXDE Lite を使用してアプリケーションを開発できます。
ユーザーインターフェイスの概要 overview-of-the-user-interface
CRXDE Lite には以下の機能があります。
フォルダーの作成 creating-a-folder
CRXDE Lite でフォルダーを作成するには:
-
ブラウザーで CRXDE Lite を開きます。
-
ナビゲーションウィンドウで、新しいフォルダーを作成するフォルダーを右クリックして、「作成」、「フォルダーを作成」の順に選択します。
-
フォルダーの 名前 を入力して、「OK」をクリックします。
-
「すべて保存」をクリックして、サーバーに変更を保存します。
テンプレートの作成 creating-a-template
CRXDE Lite でテンプレートを作成するには:
-
ブラウザーで CRXDE Lite を開きます。
-
ナビゲーションウィンドウで、テンプレートを作成するフォルダーを右クリックして、「作成」、「テンプレートを作成」の順に選択します。
-
テンプレートの ラベル、タイトル、説明、リソースタイプ、ランキング を入力します。「次へ」をクリックします。
-
(オプション)「許可されているパス」を設定します。「次へ」をクリックします。
-
(オプション)「許可されている親」を設定します。「次へ」をクリックします。
-
(オプション)「許可されている子」を設定します。「OK」をクリックします。
-
「すべて保存」をクリックして、サーバーに変更を保存します。
次の項目が作成されます。
-
テンプレートのプロパティを含む
cq:Template
タイプのノード -
ページコンテンツのプロパティを含む
cq:PageContent
タイプの子ノード
テンプレートにプロパティを追加できます。プロパティの作成を参照してください。
コンポーネントの作成 creating-a-component
ここで説明する機能を使用できるのは、CQ5 がインストールされている(つまり、ノードタイプ cq:Component
をリポジトリで使用できる)場合のみです。
CRXDE Lite でコンポーネントを作成するには:
-
ブラウザーで CRXDE Lite を開きます。
-
ナビゲーションウィンドウで、コンポーネントを作成するフォルダーを右クリックして、「作成」、「コンポーネントを作成」の順に選択します。
-
コンポーネントの ラベル、タイトル、説明、スーパーリソースタイプ、グループ を入力します。「次へ」をクリックします。
-
(オプション)コンポーネントのプロパティ(「コンテナです」、「装飾なし」、「セル名」、「ダイアログパス」)を設定します。「次へ」をクリックします。
-
(オプション)コンポーネントのプロパティ「許可されている親」を設定します。「次へ」をクリックします。
-
(オプション)コンポーネントのプロパティ「許可されている子」を設定します。「OK」をクリックします。
-
「すべて保存」をクリックして、サーバーに変更を保存します。
次の項目が作成されます。
- タイプのノード
cq:Component
- コンポーネントのプロパティ
- コンポーネントの .jsp スクリプト
ダイアログの作成 creating-a-dialog
CRXDE Lite でダイアログを作成するには:
-
ブラウザーで CRXDE Lite を開きます。
-
ナビゲーションウィンドウで、ダイアログを作成するコンポーネントを右クリックして、「作成」、「ダイアログを作成」の順に選択します。
-
ラベル と タイトル を入力します。「OK」をクリックします。
-
「すべて保存」をクリックして、サーバーに変更を保存します。
次の構造を持つダイアログが作成されます。
dialog[cq:Dialog]/items[cq:Widget]/items[cq:WidgetCollection]/tab1[cq:Panel]
これで、プロパティを変更したり、ノードを作成したりして、ニーズに合ったダイアログを作成できます。
ダイアログエディターを使用してダイアログを編集することもできます。CRXDE Lite でダイアログノードをダブルクリックすると、エディターが表示されます。詳しくは、ダイアログエディターを参照してください。
ノードの作成 creating-a-node
CRXDE Lite でノードを作成するには:
- ブラウザーで CRXDE Lite を開きます。
- ナビゲーションウィンドウで、新しいノードを作成するノードを右クリックして、「作成」、「ノードを作成」の順に選択します。
- 名前 を入力して、タイプ を選択します。「OK」をクリックします。
- 「すべて保存」をクリックして、サーバーに変更を保存します。
これで、プロパティを変更したり、ノードを作成したりして、ニーズに合ったノードを作成できます。
nt:unstructured
ノードを nt:folder
ノードの子として作成することはできません)。プロパティの作成 creating-a-property
CRXDE Lite でプロパティを作成するには:
-
ブラウザーで CRXDE Lite を開きます。
-
ナビゲーションウィンドウで、新しいプロパティを追加するノードを選択します。
-
下部のウィンドウの「プロパティ」タブで、名前、タイプ および 値 に入力します。「追加」をクリックします。
-
「すべて保存」をクリックして、サーバーに変更を保存します。
スクリプトの作成 creating-a-script
スクリプトを作成するには:
-
ブラウザーで CRXDE Lite を開きます。
-
ナビゲーションウィンドウで、スクリプトを作成するコンポーネントを右クリックして、「作成」、「ファイルを作成」の順に選択します。
-
拡張子を含む ファイル名 を入力します。「OK」をクリックします。
-
新しいファイルが編集ウィンドウ内のタブとして開きます。
-
ファイルを編集します。
-
「すべて保存」をクリックして変更を保存します。
ノードタイプの書き出しと読み込み exporting-and-importing-node-types
CRXDE Lite では、CND(Compact Namespace and Node Type Definition)表記でノードタイプ定義を読み込んだり、書き出したりできます。
ノードタイプ定義を書き出すには:
-
ブラウザーで CRXDE Lite を開きます。
-
必要なノードを選択します。
-
「ツール」、「ノードタイプを書き出し」の順に選択します。
-
CND 表記の定義がブラウザーに表示されます。必要に応じて情報を保存します。
ノードタイプ定義を読み込むには:
-
ブラウザーで CRXDE Lite を開きます。
-
「ツール」、「ノードタイプを読み込み」の順に選択します。
-
テキストボックスに定義の CND 表記を入力します。
-
既存の定義を更新する場合は、「更新を許可」を選択します。
-
インポート をクリックします。
ログ logging
CRXDE Lite では、ファイルシステムの <crx-install-dir>/crx-quickstart/server/logs
にある error.log
ファイルを表示して、適切なログレベルでフィルタリングできます。以下の手順を実行します。
-
ブラウザーで CRXDE Lite を開きます。
-
ウィンドウの下部にある「コンソール」タブの右側のドロップダウンメニューで、「サーバーログ」を選択します。
-
停止 アイコンをクリックして、メッセージを表示します。
以下の操作を実行できます。
- ログ設定 アイコンをクリックして、Felix コンソールでログパラメーターを調整します。
- ブラシ アイコンをクリックして、メッセージを消去します。
- ピン留め アイコンをクリックして、現在選択されている場所にメッセージを固定します。
- 停止 アイコンをクリックしてメッセージの表示を有効または無効にします。