コンポーザブルストアフロントのリリースノート

このリリースノートには、Progressive Web App (PWA) Kit と Managed Runtime の更新が含まれています。

最新の PWA Kit リリースノートは、ここに公開される前に、GitHub のリリースページに公開されます。新しい PWA Kit リリースに関する最新情報を入手するには、GitHub のリリース通知に購読登録してください。時計の設定構成を参照してください

関連する Github パッケージの更新前に、リリースノートが公開される場合があることにご注意ください。リリースノートには、機能が利用可能な適用可能なパッケージバージョンが記載されています。
B2C Commerce の一般的なリリースノートについては、Salesforce ヘルプを参照してください。

PWA Kit ストアフロントはエンゲージメントイベントを Data Cloud に送信できるようになり、リアルタイムで統合された顧客データの可視性が向上しました。「PWA Kit と Data Cloud の統合」を参照してください。

Runtime Admin UI でのリダイレクトの管理は、新しいページ分割されたテーブルベースの形式でより効率的になり、より多くのリダイレクト情報を前もって確認できるようになりました。「リダイレクト」を参照してください。

環境でのデプロイの失敗により、より詳細な情報が提供されるようになり、実行する修正アクションがより明確になりました。バンドルプッシュエラーのトラブルシューティングを参照してください。

ap-south-2 region (ハイデラバード) が環境でサポートされるようになりました。サポートされているリージョンのリストを参照してください。

ランタイム管理のさまざまなバグも修正されました。

Runtime Adminを介して複数の環境変数を連続して追加する問題が修正されました
Runtime Admin によるアクセス制御ヘッダーの削除が修正されました
Base64URL のストアフロントプレビューのデコードが修正されました

B2C Commerce バージョン 25.3 では、プラグイン SLAS がハイブリッド認証 (auth) に置き換わります。ハイブリッド認証により、機能が B2C Commerce プラットフォームに直接移行されることで、ハイブリッドストアフロントのパフォーマンスと安定性が向上します。「ハイブリッド認証を使用したハイブリッドストアフロントの構成」を参照してください。

PWA Kit プロジェクトを Node 22 でデプロイできるようになりました! Node.js バージョンを更新するには、Node バージョンのアップグレードの手順に従ってください。

毎年、Node.js のバージョンは正式サポートを終了します。強力なセキュリティ体制とスムーズなデベロッパー体験を確保するため、当社では Managed Runtime にデプロイされるプロジェクトの Node バージョンを制限します。Node 18 のサポート終了日は 2025 年 9 月 1 日です。

サポート終了日よりかなり前に本番プロジェクトをアップグレードしておくことを強くお勧めします。PWA Kit のバージョンに応じて、Node 20 または 22 に更新できます。

この機能は、Retail React App のバージョン 6.0 から全般に利用可能になります。実装時間を短縮してショッピング体験を向上させます。ソーシャルログインを使用すると、買い物客はソーシャルネットワークアカウントを使用してサイトにすばやくログインし、プロフィールを作成できます。Implement Social Login (ソーシャルログインの実装) を参照してください。

この機能は、Retail React App のバージョン 6.0 から全般に利用可能になります。実装時間を短縮してショッピング体験を向上させます。パスワードをリセットすると、買い物客がパスワードを忘れた場合、Eメールあるいは SMS の確認コードまたはリンクを使用して新しいパスワードを作成し、アカウントへのアクセスを回復できます。Implement Password Reset (パスワードリセットの実装) を参照してください。

この機能は、Retail React App のバージョン 6.0 から全般に利用可能になります。実装時間を短縮してショッピング体験を向上させます。パスワードなしのログインでは、買い物客はパスワードの代わりに確認コードや Eメールまたは SMS のリンクを使用して、サイトに安全にログインできます。Implement Passwordless Login (パスワードなしのログインの実装) を参照してください。

追跡同意バナーは、Retail React App テンプレートのバージョン 6.0 以降に全般に利用可能になります。買い物客の信頼感を保ちつつ、実装コストを削減します。追跡同意バナーを使用すると、買い物客はサイトでのアクティビティ追跡をオプトインまたはオプトアウトできます。Protect Privacy with a Tracking Consent Banner (追跡同意バナーによるプライバシーの保護) を参照してください。

ハイブリッドストアフロントの安定性とパフォーマンスを向上させ、最適な買い物客の体験を確保します。PWA Kit バージョン 3.8.0 のハイブリッド安定性のアップグレードまたは PWA Kit バージョン 2.x のハイブリッドの安定性アップグレードを参照してください。

買い物客コンテキストによるパーソナライゼーションは、Retail React App バージョン 5.0.0 以降に事前統合されるようになりました。パーソナライズされた買い物体験をサポートし、実装コストを削減します。買い物客コンテキストをもとに、カスタマイズされたプロモーション、価格設定、商品レコメンデーションなどの機能を使用して、コンバージョンと買い物客のロイヤリティを高めることができます。買い物客コンテキストによるパーソナライズを参照してください。

よりグローバルに展開! Hyperforce 地域のバックエンドインスタンスと同一の場所に保存してパフォーマンスを最適化するために、Managed Runtime 環境を次の地域にデプロイできるようになりました。

sa-east-1 - 南アメリカ (サンパウロ)
eu-central-2 - EU (チューリッヒ)
eu-south-1 - EU (ミラノ)
ap-southeast-3 - アジア太平洋 (ジャカルタ)
me-central-1 - 中東 (アラブ首長国連邦)
il-central-1 - イスラエル (テルアビブ)

以前は、Log Center でログを表示できるのは、プライマリインスタンスグループ (PIG) インスタンスに関連付けられた本番環境のログのみでした。セカンダリインスタンスグループ (SIG) および On-demand Sandbox (ODS) インスタンスのログを表示できるようになりました。これらの新しいログは、ログボリューム制限にカウントされます。

この機能は、PWA Kit のバージョン 3.7 から一般提供されます。__server_timing クエリパラメーターを使用すると、PWA Kit サイトのパフォーマンスを監視して最適化への取り組みをサポートできます。このパラメーターは、ルートマッチング、コンポーネントの読み込み、フェッチ戦略など、サーバー側のレンダリングプロセスの各部分に関するメトリクスを提供する Server-Timing HTTP ヘッダーとログへのアクセスを提供します。パフォーマンスメトリクスログは、Log Center でも利用できます。\ _ \ _server_timingを参照してください。

Retail React App バージョン 4.0 は、新しいバージョンの Commerce SDK React および Commerce SDK Isomorphic を使用します。これらの SDK は、ゲストアクセストークンを取得するときに引数として channel_id を渡すという Shopper Login and API Access (SLAS) のガイダンスを満たすようになりました。ゲストトークンを参照してください。

店舗検索機能は、Retail React App バージョン 4.0 以降および Commerce SDK React バージョン 2.0.1 以降で全般的に入手可能です。店舗検索機能を使用すると、買い物客は郵便番号や都市などに基づいて近くにある店舗の場所を見つけることができます。Business Manager で店舗情報を簡単に拡張して、サイトに表示される位置情報のメタデータをカスタマイズできます。店舗検索による店頭販売の促進を参照してください。

商品バンドルは、Retail React App バージョン 4.0 以降および Commerce SDK React バージョン 2.0.1 以降で全般的に入手可能です。商品バンドルを使用して、複数の関連商品を 1 つの注文可能な商品にグループ化し、買い物客の利便性とパーソナル化を実現します。買い物客は、バンドルのバリアントと数量を買い物カゴ内で直接更新できます。たとえば、オンラインのスポーツアパレルの店舗では、買い物客が靴のサイズ、アパレルのサイズ、フィットネストラッカーのモデルを買い物カゴ内で直接選択できるように、「ランナー用バンドル」を提供できます。商品バンドルは、カゴ落ちを減らし、在庫管理を改善するのに役立ちます。商品バンドルを参照してください。

Managed Runtime 環境へのアクセスを eCDN からのトラフィックに制限します。eCDN と環境全体に共有アクセスコントロールヘッダーを設定して、買い物客、ボット、クローラーが環境に直接アクセスしないようにします。

Managed Runtime と eCDN を構成して環境をロックダウンする方法の詳細については、更新されたストアフロントの立ち上げのヒントと新しい upsertOriginHeaderModification API を参照してください。

Log Center でログにプレフィックスとして追加された名前空間を検索することで、PWA Kit サイトによって生成されたログを迅速に見つけます。名前空間は、エラーが発生したコードベースの特定の部分を正確に示し、トラブルシューティングに注力するのに役立ちます。Log Center を使用したデバッグを参照してください。

Managed Runtime 環境へのアクセスを、サードパーティのコンテンツ配信ネットワーク (CDN) からのトラフィックに制限します。CDN と環境全体に共有アクセス制御ヘッダーを設定して、買い物客、ボット、クローラーが環境に直接アクセスしないようにします。

環境をロックダウンする方法については、アクセス制御ヘッダーおよび projects_target_access_control_header_create API を参照してください。

PWA Kit Retail React App で利用できる商品タイルを大幅に改善して、コンバージョンと買い物客のエンゲージメントを促進し、実装コストを削減します。今回の商品タイルの新機能:

プロモーションのコールアウト
取り消し線付き価格設定
バリアント選択用の商品タイル見本
商品バッジ
拡張機能を備えた productSearch API の使用。これにより、productSearch API と getProduct(s) API を組み合わせた場合よりもパフォーマンスが向上します。

B2C Commerce 上に構築したヘッドレスストアフロントまたは PWA Kit ストアフロント用のサイトマップを Business Manager (BM) で簡単に作成できます。サイトマップは、ページのインデックス付けとサイトの階層に関する指示を検索クローラーに提供し、SEO ランキングの向上に役立ちます。サイトマップによる SEO の改善を参照してください。

PWA Kit で、アクティブデータの注文メトリックの収集がサポートされるようになりました。このコレクションを使用して顧客行動を理解し、マーチャンダイジングおよびセグメンテーション戦略を最適化します。アクティブデータを参照してください。

Runtime Admin を使用して環境変数を管理します。この機能は、Managed Runtime API を使用して環境変数を管理する代わりに使用できます。環境変数を使用すると、コードを変更せずに環境内で実行されているアプリケーションプロセスに変数を追加できます。環境変数を参照してください。

この機能は現在一般公開されています。

PWA Kit で構築されたサイトのエラーを Log Center を使用してトラブルシューティングします。

多数のログを検索し、絞り込むことができます。また、履歴ログを確認できます。
単一のユーザーインターフェイスにアクセスして、Managed Runtime (MRT) および B2C Commerce インスタンスからのログを表示できます。MRT 環境で起きていることを B2C Commerce インスタンスで起きていることと結びつけます。
CLI を使用せずに MRT ログを簡単に確認できます。

Log Center を使用したデバッグを参照してください。

この機能は、PWA Kit のバージョン 3.5 から一般提供されます。利用可能な最新バージョンの PWA Kit については、GitHub のリリースページを確認してください。

PWA Kit のサイトで Shopper Login and API Access Service (SLAS) のプライベートクライアントを有効にすることで、実装時間を短縮して以下の機能をサポートできます。

パスワードなしのログイン
パスワードのリセット
より高速なページ読み込み時間

SLAS プライベートクライアントの使用を参照してください。

バンドルの再デプロイ後、ページの読み込み時間が短縮されます。このコンテンツ配信ネットワーク (CDN) により、アプリケーションのパフォーマンスが向上します。

HTTP/3 — HTTP/3 プロトコルをサポートするすべてのブラウザーとクライアントに対し、自動的に使用します。HTTP/3 は、特にモバイルなどのネットワークに制約のあるデバイスを使用する買い物客のパフォーマンスを向上します。
クロスリージョン CDN キャッシュ — キャッシュされたレスポンスを地域 (リージョン) 間で自動的に使用して、世界中で利用されるサイトのキャッシュヒット率とパフォーマンスを向上します。
より多くの CDN リージョン — CDN にさらに多くの地域 (リージョン) を追加しました。これにより、スタックされた CDN 設定を使用する場合に応答時間を短縮し、ネットワークホップを減らすことができます。

Runtime Admin を使用してサーバー側の Cookie を有効にします。この機能は、Managed Runtime API を使用してサーバー側の Cookie を有効にする代わりに使用できます。サーバー側の Cookie を使用することで、プライバシーとセキュリティを強化でき、よりカスタマイズされたパーソナライゼーションとマーケティングをサポートできます。Cookie を使用したパーソナライゼーションを参照してください。

Runtime Admin を使用してソースマップを有効にします。この機能は、Managed Runtime API を使用してソースマップを有効にする代わりに使用できます。ソースマップは、エラースタックの読みやすさを向上させることで、開発とデバッグのエクスペリエンスを大幅に向上するように設計されています。ソースマップを使用したデバッグを参照してください。

サードパーティのコンテンツ管理システム (CMS) を Storefront Preview とともに使用できます。たとえば、CMS でホリデーセールのバナーを管理している場合、ストアフロントのプレビューを使用して、指定期間中にバナーがサイトにどのように表示されるかを確認できます。ストアフロントのプレビューを参照してください。

1 つ以上の顧客グループ ID に基づいて、Progressive Web App (PWA) Kit のサイトがどのように表示されるかをプレビューします。たとえば、従業員割引を利用する買い物客にサイトがどのように表示されるかをプレビューできます。「ストアフロントのプレビュー」を参照してください。

プロジェクトを Node 20 でデプロイできるようになりました。PWA Kit プロジェクトを最新の 3.4.x バージョンにアップグレードし、Node バージョンのアップグレードの手順に従う必要があります。

日本国内のお客様は、既存の東京地域に加え、大阪地域でも環境を実行できるようになりました。地域は環境設定から変更できます。

ソースマップが Managed Runtime で使用できるようになりました。この機能は、エラースタックの読みやすさを向上させることで、開発とデバッグのエクスペリエンスを大幅に向上するように設計されています。ソースマップは PWA Kit 3.4.x 以降で生成でき、enable_source_maps 環境設定を切り替えることで有効にできます。ソースマップを使用したデバッグを参照してください。

PWA Kit のサイトでアクティブデータを使用して、商品のパフォーマンスメトリクスを観察し、マーチャンダイジングの自動ルールを設定します。アクティブデータを参照してください。

ストアフロントのプレビュー機能を使用して、指定したソースコード、顧客グループ、特定の日付や時刻など、さまざまなコンテキストで PWA Kit のサイトがどのように表示されるかを確認できます。たとえば、サイトの変更点を Production (本番) 環境にデプロイする前に、Staging (ステージング) 環境でプレビューできます。ストアフロントのプレビューを参照してください。

Runtime Admin で環境を作成するときに、環境に接続する Commerce Cloud インスタンスとサイトを選択できるようになりました。これにより、Managed Runtime 環境と Commerce Cloud プラットフォーム間のより緊密な統合が可能になります。新しい Managed Runtime API エンドポイントを使用して、Commerce Cloud インスタンスへの環境の接続を管理および追跡することもできます。詳細についてはこちらのドキュメントを参照してください。

環境の作成
Managed Runtime API チュートリアル
cc_b2c_organization_info_retrieve (2023 年 11 月 8 日より前に内容が刷新されたり、利用できなくなったりする可能性があります)
cc_b2c_target_info_retrieve (2023 年 11 月 8 日より前に内容が刷新されたり、利用できなくなったりする可能性があります)
cc_b2c_target_info_partial_update (2023 年 11 月 8 日より前に内容が刷新されたり、利用できなくなったりする可能性があります)

2023 年 10 月以前に公開されたリリースノートについては、以下を参照してください。