[SaaS のみ]{class="badge positive" title="Adobe Commerce as a Cloud ServiceおよびAdobe Commerce Optimizer プロジェクトにのみ適用されます(Adobeで管理される SaaS インフラストラクチャ)。"}

ストアフロントの設定

Adobe Commerce Storefront for Edge Delivery Services (SaaS)を使用した Adobe Commerce as a Cloud Service を設定するには、次の手順を実行します。

カスタマイズ可能で詳細なチュートリアルについては、​ ストアフロントのドキュメント ​ を参照してください。

  1. ​ サイト作成ツール ​ を開きます。

  2. Create New Site (Code & Content)」を選択します。

  3. ストアフロントのコードリポジトリを作成する Github Organization/Username を入力します。

  4. Site Name を入力します。

  5. Commerce GraphQL Endpoint (optional)」フィールドに、Adobe Commerce as a Cloud Service (SaaS)GraphQL エンドポイントを入力します。このエンドポイントは、(インスタンスを作成 ​ した後、Commerce Cloud Manager でアクセスでき ​ す。

    または、API Mesh を使用している場合は、API Mesh GraphQL エンドポイントを「Commerce GraphQL Endpoint (optional)」フィールドに入力します。 詳細については、​ メッシュの作成 ​ を参照してください。

  6. Create Site」をクリックします。 画面の指示に従って、GitHub リポジトリへのアクセスを認証します。

プロセスが完了したら、次の方法でストアフロントをカスタマイズできます。

  • コードのカスタマイズ:https://github.com/<username or org>/<repo name>
  • コンテンツを編集:https://da.live/#/<username or org>/<repo name>
  • 設定を管理:https://da.live/sheet#/<username or org>/<repo name>/configs-stage
  • ストアフロントのプレビュー:https://main--<repo name>--<username or org>.aem.page/

次の手順

詳しくは、次の記事を参照してください。

recommendation-more-help
76c6d489-ee5b-4411-84d1-033660e03d8c