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

ストアフロントの設定

Edge Delivery Services for Adobe Commerce as a Cloud Service(SaaS)を利用したAdobe Commerce ストアフロントを設定するには、次の手順を使用します。

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

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

  2. 新しいサイトを作成(コードとコンテンツ)」を選択します。

  3. ストアフロントコードリポジトリを作成する Github 組織/ユーザー名 を入力します。

  4. サイト名 を入力します。

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

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

  6. サイトを作成 をクリックします。 画面の指示に従って、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