# フロントでのAPI実行

**URL:** <https://community.shopify.com/t/api/260416>\
**Category:** 技術的なQ＆A\
**Created:** [October 18, 2023, 1:02pm UTC](https://community.shopify.com/t/api/260416 "2023-10-18T13:02:06Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

質問者は以前、Shopify内でのAPI実行によるコレクション・検索結果の商品データ取得と並び替えについて質問していた。

**現在の課題:**
- Shopify/LiquidではバックエンドでのAPI実行は可能だが、フロントエンドでのAPIリクエスト実行には制約がある
- 管理画面でアクセストークンなどが見える状態になるのはセキュリティ上問題がある
- Read権限のみのスコープに絞れば安全とも思えるが、最善の方法とは言えない

**検討中の解決策:**
フロントエンドでJavaScriptを使用してAPIを実行し、商品データ(全商品)とカスタムフィールドを取得後、JavaScriptで並び替えを行い、オリジナルの検索結果ページをHTML生成する方法を考えている。

現時点では回答が集まっておらず、質問者が独自に解決策を模索している状況。

<div class="post-metadata">

**Author:** ![mg121](https://avatars.discourse-cdn.com/v4/letter/m/b487fb/32.png) [@mg121](https://community.shopify.com/u/mg121)\
**Post date:** [October 18, 2023, 1:02pm UTC](https://community.shopify.com/t/api/260416/1 "2023-10-18T13:02:06Z")

</div>

以前、↓で質問をさせて頂いたものです。

[https://community.shopify.com/post/2258014](https://community.shopify.com/post/2258014)

回答が集まりませんでしたので、少し自分の中で考えてみました。

APIをフロントでjsを使って実行し、帰ってきた商品データ（全商品）とカスタムフィールドを、jsで並び替え、HTMLを生成してオリジナル検索結果ページ を作ろうかと考えました。

ただ、その場合Shopify・LiquidはバックエンドでAPI実行できる仕組みがないので、フロントでAPIリクエストをするしかない＝アクセストークンなどがコンソール画面で丸見え という状況しかできないのではないかと思いまた壁に突き当たっております。もちろん、スコープでRead権限だけに絞れば安全だとは思うのですが、あまり良い方法とは思えないのです。

Shopify内でAPIで商品を検索してそのデータを扱うことは難しいでしょうか。