アーキテクチャの概要

Sitecore統合とデータフロー

JSSで作成されたアプリケーションは、ヘッド レスサービス ( Sitecore Sitecore Experience Edge for XM)が提供するコンテンツやパーソナライズ、さらにRESTfulまたはGraphQL APIエンドポイントを提供する他のSitecoreやサードパーティAPIによって提供されるコンテンツやパーソナライズSitecore消費されます。

アプリケーションは、Headless Servicesが提供するオフプロセスのNode.jsレンダリングエンジン、または完全ヘッドレスアーキテクチャ用のSitecore非依存レンダリングホストでサーバーサイドレンダリングが可能です。詳細については、サーバーサイドレンダリングJSSアプリケーションのドキュメントをご参照ください。

マニフェスト定義、JSS CLI、インポートサービスを使ってアプリケーションをSitecoreに開発・展開できます。これをコード ファースト開発ワークフローと呼びます。

JSSコンポーネントの概要

JSSは以下の構成を含みます:

• SitecoreのさまざまなサービスやAPIからSitecoreデータを取得し、JavaScriptでのSitecoreデータやレイアウトの操作を容易にするためのCore SDK機能。
• これらは、最も人気のあるJavaScriptフレームワークを組み合わせたJavaScriptアプリケーション構築を支援するSDKです。これらはSitecoreの動的なプレースホルダーのレンダリングを支援し、Sitecoreフィールドのレンダリングのためのコンポーネントや補助を提供します。一方、レイアウトやフィールド値は著者が編集可能です。
• サポートされるすべてのJavaScriptフレームワークに対応したサンプルアプリケーションで、開発者がSitecoreデータの取得と表示のためのアプリケーションをスキャフォールドするのに役立ちます。
• 開発者向けツールとユーティリティ。

JSSアプリケーションがサポートする重要なユースケース

JSSは、以下のアーキテクチャ的に重要なコアなユースケースカテゴリーをサポートしています:

• 高度なSitecoreエディターを用いたコンテンツ管理。
• Sitecoreのワークフローを損なうことなくコンテンツの提示。
• コンテンツの国際化。
• 経験管理。

より具体的な技術情報については、JSSの機能と能力を参照してください。