CRXDE Lite による開発 developing-with-crxde-lite

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

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

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

CRXDE Liteは、AEMに埋め込まれており、ブラウザーで標準の開発タスクを実行できます。 CRXDE Lite を使用すると、プロジェクトの作成や、ファイル(.jsp や .java など)、フォルダー、テンプレート、コンポーネント、ダイアログ、ノード、プロパティおよびバンドルの作成と編集をログ記録を行う間に実行することができます。

CRXDE Lite は、AEM サーバーに直接アクセスできない場合、すぐに使用可能なコンポーネントと Java バンドルを拡張または変更してアプリケーションを開発する場合、または専用のデバッガー、コード補完および構文のハイライト表示を必要としない場合にお勧めします。

NOTE
AEM 6.4.8.1 以降では、CRXDE Lite の匿名アクセスは不可能になりました。
ユーザーはログイン画面にリダイレクトされます。
NOTE
次を使用することをお勧めします。 AEM Developer Tools for Eclipse そして AEM HTL Brackets Extension プロジェクト開発中に

CRXDE Lite の使用 getting-started-with-crxde-lite

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

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

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

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

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

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

chlimage_1-238

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

ユーザーインターフェイスの概要 overview-of-the-user-interface

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

上部のスイッチャーバー
CRXDE Lite、パッケージマネージャー、パッケージ共有をすばやく切り替えることができます。
ノードパスウィジェット

現在選択されているノードへのパスを表示します。

また、パスを手で入力したり、別の場所から貼り付けたりして、Enter キーを押すと、ノードにジャンプすることもできます。

また、特定の名前を持つノードの検索がサポートされます。検索するノードの名前を入力し、待ちます(または右側の検索記号をクリックします)。 例えば、文字列を入力してみてください oak をウィジェットに追加して、その仕組みを確認します。 特定のノードがエクスプローラーウィンドウにロードされると、リストが表示され、パスを選択して Enter キーを押すと、そのパスに移動できます。 この機能は、ブラウザーで現在 CRXDE クライアントアプリケーションに読み込まれているノードでしか使用できません。リポジトリ全体を検索する場合は、ツール/クエリを使用します。

エクスプローラーペイン

リポジトリ内のすべてのノードのツリーを表示します。

ノードをクリックすると、そのプロパティが プロパティ タブをクリックします。 ノードをクリックした後、ツールバーでアクションを選択できます。 ノードの名前を変更するには、ノードを再度クリックします。

ツリーナビゲーションフィルタ(双眼鏡のアイコン):を使用すると、リポジトリ内のノードのうち、名前に入力テキストが含まれるノードをフィルタリングできます。 このフィルターは、ローカルに読み込まれたノードにのみ適用されます。

編集ウィンドウ

ホーム タブ:コンテンツやドキュメントを検索し、開発者向けリソース(ドキュメント、開発者向けブログ、ナレッジベース)やサポート (Adobe向けホームページ、サポートセンター ) にアクセスできます。

ファイルをダブルクリックします。 エクスプローラ 内容を表示するウィンドウ例えば、.jspや.java ファイルなどです。 次にファイルを変更して保存できます。

ファイルを 編集 ウィンドウ領域に表示される次のツールをツールバーで使用できます。

- ツリーに表示: リポジトリツリー内のファイルを表示します。
- 検索と置換:検索または置換をおこないます。

編集 ウィンドウのステータス行をダブルクリックすると、行に移動 ダイアログが開き、移動先の特定の行番号を入力できます。

「プロパティ」タブ
選択したノードのプロパティを表示します。 新しいプロパティを追加したり、既存のプロパティを削除したりできます。
「アクセス制御」タブ

現在のパス、リポジトリレベル、またはプリンシパルに基づいて権限を表示します。

権限は、

- 適用可能なアクセス制御ポリシー:現在の選択に適用できるポリシー。

- ローカルアクセス制御ポリシー:現在の選択範囲にローカルに適用される現在のポリシー。

- 有効なアクセス制御ポリシー:現在の選択に適用される現在のポリシーは、ローカルに設定されるか、親ノードから継承されます。

注意. アクセス制御情報を表示するには、CRXDE Liteにログインしたユーザーが ACL エントリを読み取る権限を持っている必要があります。 匿名ユーザーは、デフォルトではこの情報を表示できません。情報を表示するには、管理者などとしてログインしてください。

「レプリケーション」タブ
現在のノードのレプリケーションステータスを表示します。 現在のノードをレプリケーションできます。または削除をレプリケーションできます。
「コンソール」タブ

サーバーログ:

ログメッセージを表示します。 ログレベルの設定、コンソールのクリア、選択したスクロール位置での固定およびメッセージの表示の有効化/無効化を行うことができます。

バージョン管理

バージョン管理メッセージを表示します。

「ビルド情報」タブ
バンドルの構築中に情報を表示します。
更新
現在の選択を更新します。 他のユーザーからの変更は、リポジトリのユーザービューで更新されます。 加えた変更は影響を受けません。
すべて保存

すべて保存:

加えたすべての変更を保存します。 「保存」をクリックするまで、変更は一時的なものとなり、コンソールを終了すると失われます。

元に戻す

前回の保存操作以降に選択したノードに対して行った変更をすべて破棄し、選択したノードのリポジトリの現在の状態を再読み込みします。

すべて元に戻す:

前回の保存操作以降にリポジトリ全体で行った変更をすべて破棄し、リポジトリの現在の状態を再読み込みします。

作成 ...

選択したノードの下に次の項目を作成するドロップダウンメニュー。

- ノード:任意のノードタイプを持つノード

- ファイル:nt:file ノードとその nt:resource サブノード

- フォルダーfolder ノード

- テンプレート:AEMテンプレート

- コンポーネント:AEMコンポーネント

- ダイアログ:AEMダイアログ

削除
選択したノードを削除します。
コピー
選択したノードをコピーします。
貼り付け
コピーしたノードを選択したノードの下に貼り付けます。
移動 ...
選択したノードを、ダイアログで設定されたノードに移動します。
名前を変更 ...
選択したノードの名前を変更します。
Mixin ...
ノードタイプに mixin タイプを追加できます。 Mixin タイプは、主に、バージョン管理、アクセス制御、参照、ロックなどの高度な機能をノードに追加するために使用されます。
ツール

次のツールを含むドロップダウンメニュー

- サーバー設定…:をクリックして、Felix コンソールにアクセスします。

- クエリ…:をクリックして、リポジトリに問い合わせます。

- 権限…:権限管理を開き、権限を表示および追加できます。

- アクセス制御のテスト…:特定のパスやプリンシパルに対する権限をテストできる場所。

- ノードタイプを書き出し:システム内のノードタイプを cnd 表記として書き出す場合。

- ノードタイプを読み込み…:cnd 表記を使用してノードタイプを読み込むには:

- SiteCatalystDebugger をインストール…:Analytics Debugger のインストール方法に関する手順。

ログインウィジェット

現在ログインしているユーザーとログイン先のワークスペースを表示します ( 例: admin@crx.default)。

特定のユーザーとしてログインまたは再ログインするには、このアイコンをクリックします。 ログイン先のワークスペースを指定しない場合、デフォルトのワークスペース crx.default にログインします。

リポジトリを匿名ユーザーとして参照する場合は、 匿名 をログイン名と任意のパスワード(スペースやドットなど)として設定します。

認証が無効になった場合(期限切れの場合など)は、ログインウィジェットに「未認証 — ログイン…". 再度ログインするには、このアイコンをクリックします。

フォルダーの作成 creating-a-folder

フォルダーを含むフォルダーを作成するには、次のCRXDE Liteを実行します。

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

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

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

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

テンプレートの作成 creating-a-template

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

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

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

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

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

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

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

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

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

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

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

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

コンポーネントの作成 creating-a-component

ここで説明する機能は、ノードタイプが cq:Component はリポジトリで使用できます。

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

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

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

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

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

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

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

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

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

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

ダイアログの作成 creating-a-dialog

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

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

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

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

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

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

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

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

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

ノードの作成 creating-a-node

ノードを含むCRXDE Liteを作成するには:

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

  2. ナビゲーションウィンドウで、新しいノードを作成するノードを右クリックして、「作成」、「ノードを作成」の順に選択します。

  3. 次を入力します。 名前 そして タイプ. 「OK」をクリックします。

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

これで、プロパティを変更するか、または新しいノードを作成すれば、ニーズに合ったノードを作成できます。

NOTE
ノードの作成を含むほとんどの編集操作では、すべての変更をメモリに保持し、保存時(「すべて保存」ボタンをクリックした場合)にのみそれらをリポジトリに格納します。ただし、移動などの一部の操作は自動的に保持されます。
最初に変更を保存する際には、新しく作成したノードが親ノードのノードタイプで許可されるかどうかに関する検証も JCR リポジトリによって実行されます。ノードの保存時にエラーメッセージが表示された場合は、コンテンツ構造が有効かどうかを確認してください(例えば、nt:unstructured ノードを nt:folder ノードの子として作成することはできません)。

プロパティの作成 creating-a-property

CRXDE Liteを持つプロパティを作成するには:

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

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

  3. プロパティ タブの下のウィンドウに、 名前タイプ そして . 「追加」をクリックします。

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

スクリプトの作成 creating-a-script

新しいスクリプトを作成するには:

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

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

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

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

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

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

ノードタイプの書き出しと読み込み exporting-and-importing-node-types

CRXDE Lite では、CND(Compact Namespace and Node Type Definition)表記でノードタイプ定義を読み込んだり、書き出したりできます

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

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

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

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

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

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

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

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

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

  4. チェック 更新を許可 既存の定義を更新する場合。

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

ログ logging

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

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

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

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

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

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

アクセス制御 access-control

NOTE
詳しくは、ユーザー、グループおよびアクセス権の管理を参照してください。
recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e