CRXDE Lite による開発

最終更新日: 2023-11-07
  • トピック:
  • Developing
    このトピックの詳細を表示
  • 作成対象:
  • Developer

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

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

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

メモ

AEM 6.5.5.0 以降では、CRXDE Lite の匿名アクセスは不可能になりました。
ユーザーはログイン画面にリダイレクトされます。

メモ

Adobeでは、 AEM Developer Tools for Eclipse そして AEM HTL Brackets Extension プロジェクトの開発時に

CRXDE Lite の使用

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

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

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

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

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

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

chlimage_1-18

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

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

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

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

選択したノードへのパスを表示します。

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

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

エクスプローラーウィンドウ

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

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

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

編集ウィンドウ

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

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

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

- ツリーに表示: は、リポジトリツリーにファイルを表示します。
- 検索/置換…:検索または置換を実行します。

ステータス行をダブルクリックします。 編集 パネルが開きます。 行に移動 ダイアログを開き、移動先の特定の行番号を入力できます。
「プロパティ」タブ
選択したノードのプロパティを表示します。 新しいプロパティを追加したり、既存のプロパティを削除したりできます。
「アクセス制御」タブ

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

権限は、

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

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

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

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

「レプリケーション」タブ

ノードのレプリケーションステータスを表示します。 ノードをレプリケートおよびレプリケートして削除できます。

「コンソール」タブ

サーバーログ:

ログメッセージを表示します。 ログレベルの設定、コンソールのクリア、選択したスクロール位置での固定、メッセージの表示の有効/無効を切り替えることができます。

バージョン管理

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

「ビルド情報」タブ
バンドルの構築中に情報を表示します。
更新
選択を更新します。 他のユーザーによる変更が、リポジトリの自身のビューで更新されます。自身が行った変更には影響を及ぼしません。
すべて保存

すべて保存:

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

元に戻す

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

すべて元に戻す:

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

作成 ...

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

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

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

- フォルダー:nt:folder ノード

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

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

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

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

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

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

- クエリ…:リポジトリに対するクエリを実行します。

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

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

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

- ノードタイプを読み込み…:cnd 表記を使用してノードタイプを読み込みます。

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

ログインウィジェット

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

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

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

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

フォルダーの作成

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. すべて保存」をクリックして、サーバーに変更を保存します。

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

メモ

「ノードの作成」を含むほとんどの編集操作では、すべての変更がメモリに保持され、(「すべて保存」ボタンを使用して)保存時にリポジトリに保存されます。 ただし、移動などの一部の操作は自動的に保持されます。

親ノードのノードタイプで新しく作成されたノードを許可するかどうかに関する検証は、変更を保存する際に、まず JCR リポジトリで実行されます。 ノードの保存中にエラーメッセージが表示された場合は、コンテンツ構造が有効かどうかを確認します ( 例えば、 nt:unstructured の子としてのノード nt:folder ノード ) で使用できます。

プロパティの作成

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

アクセス制御

メモ

詳しくは、 ユーザー、グループ、アクセス権の管理 を参照してください。

このページ