サンドボックスアプリケーションの開発

初期アプリケーションの節でテンプレートをセットアップし、初期コンテンツの節で初期ページを設定したので、ここでは、作成時にコミュニティコンポーネントを使用できるようにするとともに、基盤スクリプトを使用してアプリケーションを開発できます。この節の最後に、Webサイトが機能するようになります。

基盤ページスクリプトの使用

デフォルトのスクリプトは、playpage テンプレートをレンダリングするコンポーネントを追加したときに作成されましたが、このスクリプトを変更して、基盤ページの head.jsp およびローカルの body.jsp を含めます。

スーパーリソースタイプ

最初の手順は、/apps/an-scf-sandbox/components/playpageノードにリソースのスーパータイププロパティを追加して、スーパータイプのスクリプトとプロパティを継承するようにすることです。

CRXDE Lite を使用して、次の手順を実行します。

  • 名前:sling:resourceSuperType
  • 型:String
  • 値:foundation/components/page
  1. 緑色の​[+]追加​をクリックします
  2. すべて保存」をクリックします

chlimage_1-231

ヘッドとボディスクリプト

  1. CRXDE Lite​エクスプローラペインで、/apps/an-scf-sandbox/components/playpageに移動し、ファイルplaypage.jspを重複クリックして編集ペインで開きます。

/apps/an-scf-sandbox/components/playpage/playpage.jsp

<%--

  An SCF Sandbox Play Component component.

  This is the component which renders content for An SCF Sandbox page.

--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %><%
%><%
 // TODO add your code here
%>
  1. スクリプトの開始/終了タグに注意して、「// TODO …」の代わりに、<html> のヘッダーと本文部分のスクリプトを含めます。

    スーパータイプがfoundation/components/pageの場合、この同じフォルダーに定義されていないスクリプトは、/apps/foundation/components/pageフォルダー内のスクリプト(存在する場合)に解決され、それ以外の場合は/libs/foundation/components/pageフォルダー内のスクリプトに解決されます。

/apps/an-scf-sandbox/components/playpage/playpage.jsp

<%--

    An SCF Sandbox Play Component component: playpage.jsp

  This is the component which renders content for An SCF Sandbox page.

--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %>
<html>
  <cq:include script="head.jsp"/>
  <cq:include script="body.jsp"/>
</html>
  1. 基盤スクリプト head.jsp をオーバーレイする必要はありませんが、基盤スクリプト body.jsp は空です。

    オーサリングの設定を行うには、body.jspをローカルスクリプトでオーバーレイし、本文に段落システム(parsys)を含めます。

    1. /apps/an-scf-sandbox/componentsに移動

    2. playpageノードを選択

    3. 右クリックしてCreate > Create File...を選択します。

      • 名前:body.jsp
    4. すべて保存」をクリックします

    /apps/an-scf-sandbox/components/playpage/body.jspを開き、次のテキストに貼り付けます。

    <%--
    
        An SCF Sandbox Play Component component: body.jsp
    
      This is the component which renders content for An SCF Sandbox page.
    
    --%><%
    %><%@include file="/libs/foundation/global.jsp"%><%
    %><%@page session="false" %>
    <body>
        <h2>Community Play</h2>
        <cq:include path="par" resourceType="foundation/components/parsys" />
    </body>
    
  2. すべて保存」をクリックします

ページを編集モードでブラウザーに表示します。

見出し​コミュニティの再生​だけでなく、ページコンテンツ編集用のUIも表示されます。

サイドパネルが開くように切り替え、ウィンドウがサイドコンテンツとページコンテンツの両方を表示するのに十分な大きさである場合、アセット/コンポーネントサイドパネルが表示されます。

chlimage_1-232

以下に、コンテンツファインダー(cf)を含むクラシックUIでの再生ページの表示方法を示します。

chlimage_1-233

コミュニティコンポーネント

オーサリング用にコミュニティコンポーネントを使用できるようにするには、まず、次の指示に従ってください。

このサンドボックスでは、次の​コミュニティ​コンポーネントから開始します(チェックボックスをオンにして有効にします)。

  • コメント
  • フォーラム
  • 評価
  • レビュー
  • レビューの概要 (表示)
  • 投票

さらに、「一般​コンポーネント(

  • 画像
  • テーブル
  • テキスト
  • タイトル(基盤)
メモ

page parに対して有効になっているコンポーネントは、リポジトリに、components
/etc/designs/an-scf-sandbox/jcr:content/playpage/par node.

ランディングページ

多言語環境では、クライアントからの要求を解析して優先言語を特定するスクリプトがルートページに含まれます。

この単純な例では、ルートページは英語のページにリダイレクトするように静的に設定されています。英語は、今後、再生ページへのリンクを持つメインランディングページとして開発される可能性があります。

ブラウザーの URL をルートページ http://localhost:4502/editor.html/content/an-scf-sandbox.html に変更します。

  • ページ情報アイコンを選択します。

  • プロパティを開く」を選択します

  • 「詳細」タブ

    • リダイレクトエントリについては、Webサイト/SCF Sandboxサイト/SCF Sandbox​を参照します。
    • OK」をクリックします。
  • OK」をクリックします。

サイトを公開した後、パブリッシュインスタンスでルートページを参照すると、英語のページにリダイレクトされます。

コミュニティ SCF コンポーネントを使用して作業する前の最後の手順は、クライアントライブラリフォルダー(clientlibs)を追加することです。

このページ