Show Menu
トピック×

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

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

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

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

スーパーリソースタイプ

The first step is to add a resource super type property to the /apps/an-scf-sandbox/components/playpage node so that it inherits the scripts and properties of the super type.
CRXDE Lite を使用して、次の手順を実行します。
名前:`sling:resourceSuperType`
    Type:`文字列`
    値:`foundation/components/page`

  1. Click the green [ #Add]
  2. Click Save All

Head and body scripts

  1. CRXDE Lite Explorerウィンドウで、フ /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> のヘッダーと本文部分のスクリプトを含めます。
    With a super type of foundation/components/page , any script not defined in this same folder will resolve to a script in /apps/foundation/components/page folder (if it exists), else to a script in /libs/foundation/components/page folder.

/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 は空です。
    To setup for authoring, overlay body.jsp with a local script and include a paragraph system (parsys) in the body:
    1. /apps/an-scf-sandbox/components に移動します。
    2. Select the playpage node
    3. Right-click and select Create > Create File...
      • 名前: body.jsp
    4. Click Save All Open /apps/an-scf-sandbox/components/playpage/body.jsp and paste in the following text:
    <%--
    
        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. Click Save All
ページを編集モードでブラウザーに表示します。
You should not only see the heading Community Play , but also the UI for editing page content.
サイドパネルが開くように切り替え、ウィンドウがサイドコンテンツとページコンテンツの両方を表示するのに十分な大きさである場合、アセット/コンポーネントサイドパネルが表示されます。
コンテンツファインダー(cf)を含むクラシックUIでの再生ページの表示方法を次に示します。

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

オーサリング用にコミュニティコンポーネントを使用できるようにするには、まず、次の指示に従ってください。
このサンドボックスでは、次の​ コミュニティ ​コンポーネントから開始します(チェックボックスをオンにして有効にします)。
  • コメント
  • フォーラム
  • 評価
  • レビュー
  • レビューの概要 (表示)
  • 投票
In addition, choose General components, such as
  • 画像
  • テーブル
  • テキスト
  • タイトル(基盤)
The components enabled for the page par are stored in the repository as the value of the components property of the /etc/designs/an-scf-sandbox/jcr:content/playpage/par ノードの実際の値を表します。

ランディングページ

多言語環境では、クライアントからの要求を解析して優先言語を特定するスクリプトがルートページに含まれます。
この簡単な例では、ルートページが静的に設定されて英語ページにリダイレクトされ、今後、再生ページへのリンクを持つメインランディングページとして開発される可能性があります。
ブラウザーの URL をルートページ http://localhost:4502/editor.html/content/an-scf-sandbox.html に変更します。
  • ページ情報アイコンの選択
  • Select Open Properties
  • 「詳細」タブ
    • For the Redirect entry, browse to Websites > SCF Sandbox Site > SCF Sandbox
    • OK 」をクリックします。
  • OK 」をクリックします。
サイトを公開した後、パブリッシュインスタンスでルートページを参照すると、英語のページにリダイレクトされます。
コミュニティのSCFコンポーネントを再生する前の最後の手順は、クライアントライブラリフォルダー(clientlibs)を追加することです。. クライアントの追加