SXA Storefrontのアーキテクチャ

Version: 10.2
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

SXA Storefrontは、Sitecore Commerceの機能を活用して、コマース固有のコントロールを使用してWebショップをすばやく簡単に構築できるフレームワークです。SXA Storefront (次の図で青色で表示) は、次のようなさまざまなコンポーネントの上に配置されます。

  • Sitecore Experience Platformは、最先端のCMSとマーケティング機能を搭載したカスタマーエクスペリエンス管理ソフトウェアで、カスタマーエクスペリエンスを完全にコントロールできます。これにより、キャンペーンから訪問者のアクティビティ、パフォーマンス測定まで、複数のチャネルにわたるすべてのアクティビティを統合できます。

  • Experience Accelerator - Webサイトをカスタマイズするために使用される開発者アプリケーションで、サイト間でコンポーネント、レイアウト、テンプレートを再利用できます。

  • Sitecore Experience Commerceは、顧客のライフサイクル全体を通じてパーソナライズされたエクスペリエンスを提供することに焦点を当てたeコマースエンジンです。これには、カタログおよび販売可能なアイテムの管理、在庫管理、顧客管理、注文管理、プロモーション管理、および価格設定管理が含まれます。

  • Commerce Connect – ストアフロント開発者向けのSitecore Commerce APIで、フロントエンドのWebショップ ソリューションとバックエンドの外部コマース システム間の統合レイヤーです。バックエンド システムには、Sitecoreまたはサードパーティ ベンダーによってCommerce Connectコネクタが作成された任意のeコマース システムを使用できます。Connectを通じて生成されるレポートには、Commerceの エクスペリエンスプロファイルレポート とCommerceの エクスペリエンス分析レポート が含まれます。

次の図は、Sitecoreソリューションを構成するコンポーネントを示しています。

Overview diagram of the Sitecore solution

SXA StorefrontにはStorefrontサイト テンプレートが含まれており、オンプレミスまたはクラウドでWebショップをすばやく作成してデプロイするために使用できる事前定義された構造と形式を提供します。このテンプレートは、Commerceレンダリングで構築されたWebショップ テンプレートです。 Habitatカタログを使用し、サンプル テーマが含まれています。

Commerce Foundationレイヤー

Commerce Foundationレイヤー は、さまざまなサービスと機能を提供します。

Commerce Foundation layer structure

顧客がストアフロントと対話すると、CommerceレンダリングはCommerce Foundationレイヤー を呼び出します

ストアフロント サイト テンプレート

ストアフロント サイト テンプレートを使用する理由はいくつかあります。

  • Sitecoreのベストプラクティスと最先端のテクノロジーに基づいてB2C eコマースソリューションを構築するための出発点を提供します。

  • これは、採用、SXAテーマを使用したスキン設定、およびプロダクション用にカスタマイズできます。

  • Sitecore Experience Platformの エンゲージメント機能 を活用して、訪問者の行動を追跡、行動、フォローアップし、パーソナルな顧客体験を生み出し、生涯にわたる顧客を獲得するのに役立ちます。

Storefrontサイトテンプレートを使用すると、Webショップに必要なすべての要素がコンテンツエディターに追加されます。顧客の要件に応じて、これらの要素をニーズに合わせてカスタマイズできます。Storefrontコンポーネントのカスタマイズの詳細については、Storefront開発者向けドキュメントSitecore Experience Acceleratorのドキュメントを参照してください。

メモ

チェックアウト時にオンライン決済を可能にするために、StorefrontサイトテンプレートにはBrainTreeとの統合が含まれています。BrainTreeに連絡して契約を交渉し、必要なマーチャントIDを取得してください。開発者アカウントはストアフロントの開発とテストに利用できます。カスタムコマースコンポーネントを作成して、選択した支払いプロバイダーを統合できます。Braintree決済プロバイダーをSitecoreと統合する方法の概要ビデオについては、SitecoreチャネルのDiscoverをご覧ください。

SXA Storefrontのアーキテクチャ

SXA Storefrontは、ベスト プラクティスを念頭に置いて構築されており、モジュラー アーキテクチャに基づいています。詳細については、「 Sitecore Helix開発ガイドライン」を参照してください。

SXAストアフロントでは、次のテクノロジーが使用されています。

  • Sitecoreエクスペリエンスプラットフォーム

  • Sitecoreエクスペリエンスアクセラレーター

  • 基本的なブートストラップ

  • Jクツール

  • Knockout – クリーンな基になるデータ モデルを使用して応答性の高いユーザー インターフェイスを作成するのに役立つJavaScriptライブラリ

  • SitecoreとMicrosoft ASP.NET MVC

  • HTMLの5

  • ニュートンソフトJSON

SXA Storefrontアーキテクチャでは、次のようになります。

  • コンテンツ、プレゼンテーション、カタログのデータは明確に分離されています。

  • Storefrontの実装では、カスタム コードの挿入やSitecoreへのフックよりも標準機能が優先されます。

  • SXA StorefrontではCookieは導入されていません。

  • 製品カタログは、高度に最適化されたデータ プロバイダーを使用して、通常のアイテムとしてSitecoreに表示されます。

  • 実装は完全にSitecore MVCベースです。すべてのレンダリングはコントローラーベースです。

すべてのコンポーネントは、コンポーネントAPI呼び出し (AJAX) を使用して更新されます。これには、次の利点があります。

  • オブジェクトとデータはオンデマンドでロードされ(遅延ロード)、ページのポストバックはありません。

  • 操作が進行中のボタンやテーブルには、進行状況インジケータがあります。

  • Knockout.jsは、動的データ バインディングに使用されます。

  • コンポーネントAPI呼び出しはJSONを返します。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、