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

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

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

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

スーパーリソースタイプ

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

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

名前：sling:resourceSuperType
型：String
値：foundation/components/page

緑色の[+]追加をクリックします
「すべて保存」をクリックします

chlimage_1-231

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

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
%>

スクリプトの開始／終了タグに注意して、「// 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>

基盤スクリプト 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>
```
「すべて保存」をクリックします