CRXDE Lite による開発

この節では、CRXDE Liteを使用してAdobe Experience Manager(AEM) アプリケーションを開発する方法について説明します。

使用可能な様々な開発環境について詳しくは、概要ドキュメントを参照してください。

CRXDE Liteは、AEMに埋め込まれており、ブラウザーで標準の開発タスクを実行できます。 CRXDE Liteを使用して、プロジェクトの作成、ファイルの作成、ファイルの作成、編集（.jspや.java など）、フォルダ、テンプレート、コンポーネント、ダイアログ、ノード、プロパティ、バンドルをログに記録して編集できます。
CRXDE Liteは、AEMサーバーに直接アクセスできない場合にお勧めします。 または、標準のコンポーネントと Java™バンドルを拡張または変更することによってアプリケーションを開発する場合、または専用のデバッガー、コード補完および構文のハイライトが必要ない場合に、

CRXDE Lite の使用

CRXDE Liteを開始するには、次の手順に従います。

1. AEM をインストールします。

2. ブラウザーに、https://<host>:<port>/crx/deと入力します。デフォルトでは、 https://localhost:4502/crx/deです。

3. ユーザー名​と​パスワード​を入力します。デフォルト値は、それぞれadminとadminです。

4. 「OK」をクリックします。

ブラウザーでは、CRXDE Lite のユーザーインターフェイスは次のように表示されます。

これで、CRXDE Lite を使用してアプリケーションを開発できます。

ユーザーインターフェイスの概要

CRXDE Liteは、次の機能を提供します。

フォルダーの作成

CRXDE Lite でフォルダーを作成するには：

1. ブラウザーで CRXDE Lite を開きます。

2. ナビゲーションウィンドウで、フォルダを作成するフォルダを右クリックし、 作成…​を、 フォルダーを作成….

3. フォルダーの​名前​を入力して、「OK」をクリックします。

4. 「すべて保存」をクリックして、サーバーに変更を保存します。

テンプレートの作成

テンプレートを作成するCRXDE Lite:

1. ブラウザーで CRXDE Lite を開きます。

2. ナビゲーションウィンドウで、テンプレートを作成するフォルダーを右クリックして、「作成」、「テンプレートを作成」の順に選択します。

3. 次を入力します。 ラベル, タイトル, 説明, リソースタイプ、および ランキング 」と入力します。 「次へ」をクリックします。

4. この手順はオプションです。 許可されているパス. 「次へ」をクリックします。

5. 「許可されている親」を設定します。「次へ」をクリックします。

6. （オプション）「許可されている子」を設定します。「OK」をクリックします。

7. 「すべて保存」をクリックして、サーバーに変更を保存します。

次のものが作成されます。

• テンプレートのプロパティを含むcq:Templateタイプのノード

• ページコンテンツのプロパティを含む cq:PageContent タイプの子ノード

テンプレートにプロパティを追加できます。詳しくは、 プロパティの作成 」セクションに入力します。

コンポーネントの作成

ここで説明する機能を使用できるのは、CQ5 がインストールされている（つまり、ノードタイプ cq:Component をリポジトリで使用できる）場合のみです。

CRXDE Liteを持つコンポーネントを作成するには：

1. ブラウザーで CRXDE Lite を開きます。

2. ナビゲーションウィンドウで、コンポーネントを作成するフォルダーを右クリックして、「作成」、「コンポーネントを作成」の順に選択します。

3. 次を入力します。 ラベル, タイトル, 説明, スーパーリソースタイプ、および グループ化 コンポーネントの。 「次へ」をクリックします。

4. この手順はオプションです。コンポーネントのプロパティを設定します。 コンテナである 装飾なし, セル名、および ダイアログパス. 「次へ」をクリックします。

5. この手順はオプションです。コンポーネントプロパティを設定します。 許可された親. 「次へ」をクリックします。

6. この手順はオプションです。コンポーネントプロパティを設定します。 許可されている子. 「OK」をクリックします。

7. 「すべて保存」をクリックして、サーバーに変更を保存します。

次のものが作成されます。

• タイプのノード cq:Component
• コンポーネントのプロパティ
• コンポーネントの.jsp スクリプト

ダイアログの作成

「 」ダイアログを作成するには、次のCRXDE Liteを使用します。

1. ブラウザーで CRXDE Lite を開きます。

2. ナビゲーションウィンドウで、ダイアログを作成するコンポーネントを右クリックして、「作成」、「ダイアログを作成」の順に選択します。

3. 次を入力します。 ラベル そして タイトル. 「OK」をクリックします。

4. クリック すべて保存 l：サーバー上に変更を保存します。

次の構造を持つダイアログが作成されます。

dialog[cq:Dialog]/items[cq:Widget]/items[cq:WidgetCollection]/tab1[cq:Panel]

プロパティを変更したり、ノードを作成したりして、ダイアログをニーズに合わせて調整できるようになりました。

ダイアログエディターを使用してダイアログを編集することもできます。 「CRXDE Lite」でダイアログノードをダブルクリックすると、エディターが表示されます。 ダイアログエディターについて詳しくは、 ここ.

ノードの作成

CRXDE Lite でノードを作成するには：

1. ブラウザーで CRXDE Lite を開きます。
2. ナビゲーションウィンドウで、ノードを作成するノードを右クリックし、「 」を選択します。 作成…​を、 ノードを作成….
3. 次を入力します。 名前 そして タイプ. 「OK」をクリックします。
4. 「すべて保存」をクリックして、サーバーに変更を保存します。

プロパティを変更したり、ノードを作成したりして、ノードをニーズに合わせることができるようになりました。

プロパティの作成

CRXDE Lite でプロパティを作成するには：

1. ブラウザーで CRXDE Lite を開きます。

2. ナビゲーションウィンドウで、新しいプロパティを追加するノードを選択します。

3. Adobe Analytics の プロパティ タブの下部のウィンドウに、 名前、 タイプ、および 値. 「追加」をクリックします。

4. 「すべて保存」をクリックして、サーバーに変更を保存します。

スクリプトの作成

スクリプトを作成するには：

1. ブラウザーで CRXDE Lite を開きます。

2. ナビゲーションウィンドウで、スクリプトを作成するコンポーネントを右クリックし、「 」を選択します。 作成…​を、 ファイルを作成….

3. 拡張子を含む​ファイル名​を入力します。「OK」をクリックします。

4. 新しいファイルが編集ペインでタブとして開きます。

5. ファイルを編集します。

6. 「すべて保存」をクリックして変更を保存します。

ノードタイプの書き出しと読み込み

CRXDE Liteを使用すると、ノードタイプ定義の読み込み/書き出しを CND(Compact Namespace and Node Type Definition) 表記.

ノードタイプ定義を書き出すには：

1. ブラウザーで CRXDE Lite を開きます。

2. 必要なノードを選択します。

3. 「ツール」、「ノードタイプを書き出し」の順に選択します。

4. cnd 表記での定義は、ブラウザーに表示されます。 必要に応じて、情報を保存します。

ノードタイプ定義を読み込むには：

1. ブラウザーで CRXDE Lite を開きます。

2. 「ツール」、「ノードタイプを読み込み」の順に選択します。

3. テキストボックスに、定義の CND 表記を入力します。

4. 既存の定義を更新する場合は、「更新を許可」を選択します。

5. インポート​をクリックします。

ログ

CRXDE Liteを使用すると、ファイルを表示できます error.log は次の場所にあるファイルシステム上にあります。 <crx-install-dir>/crx-quickstart/server/logs 適切なログレベルでフィルターします。 以下の手順を実行します。

1. ブラウザーで CRXDE Lite を開きます。

2. Adobe Analytics の コンソール タブをクリックし、ウィンドウの下部にある右側のドロップダウンメニューで、 サーバーログ.

3. 「停止」アイコンをクリックして、メッセージを表示します。

以下の操作を実行できます。

• ログ設定​アイコンをクリックして、Felix コンソールでログパラメーターを調整します。
• メッセージを消去するには、 ブラシ アイコン。
• メッセージを固定するには、 ピン留め アイコン。
• 停止​アイコンをクリックしてメッセージの表示を有効または無効にします。

アクセス制御