bigcommerce APIをステンシルテーマファイルで使用できますか？

Question

以下は、bigcommerce API経由で製品を入手するために使用されますが、クロスドメインエラーのためステンシル環境内では動作しません...テーマ内でいくつかの形式のAPIコールを動作させる方法はありますか？たぶんapiに相対URLエンドポイントがありますか？

私はカタログは、私はあなたがあなたのテーマ/店頭からのAPI呼び出しを行うべきではありません

<script type="text/javascript"> 
    var settings = { 
     "async": true, 
     "crossDomain": true, 
     "url": "https://api.bigcommerce.com/stores/***/v3/catalog/products?include=variants%2Ccustom_fields", 
     "method": "GET", 
     "headers": { 
     "x-auth-client": "d8zpoak96***", 
     "x-auth-token": "i64oipln27l***", 
     "cache-control": "no-cache", 
     } 
    } 

    $.ajax(settings).done(function (response) { 
     console.log(response); 
    }); 
    </script> 

Answer 1

に取り組んでいたテーマのためにそれを必要とする方法ステンシルのハンドルバーを介してアクセス可能ではないので、これを行うにしたいです。これによりセキュリティ上のリスクとなる公開情報が公開されます。 製品のカスタムフィールドは、製品の詳細ページのハンドルバーのテンプレートコンテキストで使用できます。カテゴリページでも使用できます。

がの場合は、APIから店頭にデータを取得する必要があります。コールを安全に行い、必要な情報を返すように設定できるサーバーにajax GETリクエストを送信する必要があります。私はこれをチェックすることをお勧めしますanswer。