初期アプリケーションの節でテンプレートをセットアップし、初期コンテンツの節で初期ページを設定したので、ここでは、作成時にコミュニティコンポーネントを使用できるようにするとともに、基盤スクリプトを使用してアプリケーションを開発できます。この節の最後に、Web サイトが機能するようになります。
デフォルトのスクリプトは、playpage テンプレートをレンダリングするコンポーネントを追加したときに作成されましたが、このスクリプトを変更して、基盤ページの head.jsp およびローカルの body.jsp を含めます。
最初の手順は、リソースのスーパータイププロパティを /apps/an-scf-sandbox/components/playpage
ノードを継承し、スーパータイプのスクリプトとプロパティを継承します。
CRXDE Lite の使用:
ノードを選択 /apps/an-scf-sandbox/components/playpage
.
「プロパティ」タブで、次の値を持つ新しいプロパティを入力します。
名前:sling:resourceSuperType
タイプ:String
値:foundation/components/page
緑をクリック +追加 」ボタンをクリックします。
「すべて保存」をクリックします。
In 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) を含めます。
/apps/an-scf-sandbox/components
に移動します。
playpage
ノードを選択します。
右クリックして「 」を選択します。 Create > Create File...
「すべて保存」をクリックします。
開く /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>
「すべて保存」をクリックします。
ページを編集モードでブラウザーに表示します。
http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html
見出しだけが表示されるわけではありません コミュニティプレイをクリックします。また、ページコンテンツを編集するための UI も使用します。
サイドパネルが開くように切り替え、ウィンドウがサイドコンテンツとページコンテンツの両方を表示するのに十分な大きさである場合、アセット/コンポーネントサイドパネルが表示されます。
http://localhost:4502/cf#/content/an-scf-sandbox/en/play.html
クラシック UI での再生ページの表示方法を次に示します ( コンテンツファインダー (cf) を含む )。
オーサリング用にコミュニティコンポーネントを使用できるようにするには、まず、次の指示に従ってください。
このサンドボックスでは、次のコミュニティコンポーネントから開始します(チェックボックスをオンにして有効にします)。
さらに、 一般 コンポーネント(例: )
ページパーツに対して有効なコンポーネントは、 components
プロパティ
/etc/designs/an-scf-sandbox/jcr:content/playpage/par
node.
多言語環境では、クライアントからの要求を解析して優先言語を特定するスクリプトがルートページに含まれます。
この簡単な例では、ルートページは英語のページにリダイレクトするように静的に設定されています。将来、英語は再生ページへのリンクを持つメインランディングページとして開発される可能性があります。
ブラウザー URL をルートページに変更します。 http://localhost:4502/editor.html/content/an-scf-sandbox.html
ページ情報アイコンを選択します。
選択 プロパティを開く
「詳細」タブで、
「OK」をクリックします。
サイトを公開した後、パブリッシュインスタンスでルートページを参照すると、英語のページにリダイレクトされます。
コミュニティの SCF コンポーネントを使用する前の最後の手順は、クライアントライブラリフォルダー (clientlibs) を追加することです。. clientlibs を追加