コンポーザブルストアフロントの概要

B2C Commerce のコンポーザブルストアフロントソリューションは、ストアフロントを作成するための Progressive Web App Kit (PWA Kit) と、それをホストする Managed Runtime という 2 つの主要なテクノロジーを基盤としています。

すべてのコンポーザブルな API 駆動のテクノロジーと同様に、PWA Kit および Managed Runtime は、Salesforce また他のベンダーの e コマーステクノロジーと組み合わせることができます。コンポーザブルストアフロントを使用すれば、ニーズを的確に満たし、ビジネスに合わせて拡張できる技術スタックを構築できます。

デベロッパーのワークフローの概要については、コンポーザブルストアフロントの使用開始を参照してください。

PWA Kit は、現在 Web 開発の定番となっている React プラットフォームを使用して JavaScript (または TypeScript) でストアフロントを作成するためのフレームワークです。

PWA Kit フレームワークを使用すると、以下のものを利用できます。

• Retail React App を含むプロジェクトテンプレート。Retail React App はカスタマイズ可能なストアフロントで、ホームページから注文手続きまでの eコマースフローの中核部分が実装されています。
• サーバー側とクライアント側の両方で動作し、ハイドレーション (サーバーからクライアントへレンダリングを転送するプロセス) を処理するレンダリングシステム。
• Commerce API に由来するデータをコンポーネントにインジェクトするためのルーティングシステム。
• 定期的な開発タスクの自動化のためのユーティリティ関数とスクリプト。
• B2C Commerce API と Open Commerce API (OCAPI) の統合。

Progressive Web App (PWA) は、高速な読み込み時間、スムーズなレンダリング、シームレスな移行など、モバイルアプリのようなユーザー体験を提供する Web サイトです。

「プログレッシブ」と呼ばれる理由は、ユーザーのデバイスとブラウザーがサポートできる内容に応じてこういった機能が 1 つずつ (つまり 徐々に) 追加されるためです。

Managed Runtime は、パブリッククラウドプラットフォーム上の PWA Kit ストアフロントをデプロイ、ホスト、およびモニタリングするためのインフラストラクチャとなるものです。Managed Runtime を使用すれば、サーバーの管理ではなく、ストアフロントの開発に集中できます。

Managed Runtime は Twelve-factor App の方法論にのっとっています。ストアフロントは、ステートレスで作成され、使用可能なもののうちで最も効率的かつ低コストなコンピューティングインフラストラクチャでデプロイ可能な単独のコードベースで駆動されます。各デプロイはこれまでのデプロイを完全に置換し、ゼロから再構成されます。

またもっとも重要な点として、Managed Runtime は、すべての Salesforce テクノロジーと同様、エンタープライズ級のセキュリティと 99.99% の稼働率実績を誇っています。

詳細については、Managed Runtime の概要を参照してください。

コンポーザブルストアフロントツールでは、Mobify に言及することがあります。Mobify は、これらのテクノロジーを最初に開発した会社の名称です。Salesforce は 2020 年に Mobify を買収しました。

オープンソースコミュニティからの PWA Kit への貢献を歓迎しています。貢献プロセスの詳細については、Contributing to PWA Kit (PWA Kit への貢献) をご覧ください。

PWA Kit にご満足いただけた場合、GitHub レポジトリで星印を付けてください。他のユーザーが PWA Kit を見つけやすくなります。

PWA Kit とマネージド ランタイムの基本を理解したので、次のハンズオン ガイドをご覧ください。

1. クイックスタート
2. コードのデプロイ