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​フォルダーを選択し、New/New Page​をクリックします。

    次のように入力します。

    • タイトル：SCFサンドボックス
    • 名前：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のパスで構成されます。

**​ ページテン プ レートを初期アプリケーションの一部として作成した後、初期ページコンテンツをテンプレートに基づいて作成できます。. ⇒

このページ