Web サイト構造のセットアップ

Web サイトをセットアップするために、後述の手順では、次の場所に作成するフォルダーについて説明します。

  • /apps/an-scf-sandbox

    ここにカスタムアプリケーションとテンプレートが存在します。

  • /etc/designs/an-scf-sandbox

    これは、ダウンロード可能なデザイン要素が存在する場所です。

  • /content/an-scf-sandbox

    ここは、ダウンロード可能なWebページがある場所です。

このチュートリアル内のコードは、アプリケーション、デザインおよびコンテンツについてメインフォルダー名が同じであるという前提に基づきます。Webサイトに別の名前を選択した場合は、an-scf-sandboxを必ず選択した名前に置き換えてください。

メモ

名前について:

  • CRXDEに表示される名前は、アドレス指定可能なコンテンツへのパスを形成するノード名です。

  • ノード名にはスペースを含めることができますが、URIで使用する場合は、スペースを'%20'または'+'としてエンコードする必要があります。

  • ノード名にはハイフンやアンダースコアを含めることができますが、Javaファイル内でパッケージ名として参照する場合はエンコードする必要があります。 ハイフンとアンダースコアは共に、アンダースコアでエスケープされ、その後にUnicode値が続きます。

  • ハイフンが「_002d」になる

  • アンダースコアは「_005f」になります。

アプリケーションディレクトリ(/apps?lang=ja)の設定

リポジトリの /apps ディレクトリには、/content ディレクトリから提供されるページの動作やレンダリングを実装するコードが格納されます。

/apps ディレクトリは保護され、/content ディレクトリおよび /etc/designs ディレクトリとは異なり、外部からアクセスすることはできません。

  1. /apps/an-scf-sandboxフォルダーを作成します。

    CRXDE Lite を使用して、エクスプローラーペインで次の手順を実行します。

    1. /appsフォルダーを選択します。
    2. 「作成…」を右クリックするか、作成…をプルダウンします。​メニュー。
    3. フォルダの作成を選択….
    4. フォルダーを作成​ダイアログで、an-scf-sandboxと入力します。
    5. OK」をクリックします。
  2. components サブフォルダーを作成します。

    1. /apps/an-scf-sandboxフォルダーを選択します。
    2. 作成/フォルダーを作成​をクリックします。
    3. フォルダーを作成​ダイアログで、components​と入力します。
    4. OK」をクリックします。
  3. templates サブフォルダーを作成します。

    1. /apps/an-scf-sandboxフォルダーを選択します。
    2. 作成/フォルダーを作成​をクリックします。
    3. フォルダーを作成​ダイアログで、templates​と入力します。
    4. OK」をクリックします。
    5. /apps/an-scf-sandboxを選択し直します。
    6. すべて保存」を選択します。

    他の編集プロセスと同様ですが、保存は頻繁におこなってください。データの入力に問題が発生した場合は、ログインがタイムアウトしたか、以前の編集内容を保存する必要があることが原因である可能性があります。

  4. CRXDE Lite のエクスプローラーペインでの構造は、次のようになります。

    crxde-template

デザインディレクトリ(/etc/designs?lang=ja)を設定

/etc/designs ディレクトリには、ページコンテンツと共にダウンロードされる画像、スクリプトおよびスタイルシートが格納されます。

  1. クラシックUIのDesignerツールを使用するには、https://<server>:<port>/miscadminを参照します。

    注意:CRXDE Liteを使用してcq:Pageタイプのノードを作成する場合、アクセス制御とレプリケーションはページのデフォルト設定に設定されません。

  2. エクスプローラウィンドウで、Designs​フォルダーを選択し、新規/新規ページ​をクリックします。

    次のように入力します。

    • タイトル:SCF Sandbox
    • 名前:an-scf-sandbox
    • デザインページテンプレート」を選択します。

    作成」をクリックします。

    design-template

  3. An SCF Sandbox フォルダーが表示されない場合は、エクスプローラーペインを更新します。

  4. CRXDE Lite(http://localhost:4502/crx/de)に戻り、/etc/designs を展開して、「an-scf-sandbox」という名前のノードを表示します。

    CRXDE の右下のペインで、「プロパティ」タブ、「アクセス制御」タブおよび「レプリケーション」タブを表示して、デザインページテンプレートを使用して定義された内容を確認できます。

    crxde-configure-template

コンテンツディレクトリ(/content?lang=ja)の設定

リポジトリの /content ディレクトリには、Web サイトコンテンツが格納されます。/contentの下のパスは、ブラウザーリクエストのURLのパスを構成します。

初期アプリ の一部として ページ テンプレートを作成した後、テンプレートに基づいて初期ページコンテンツを作成することができる。. >

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free