見出し画像

[ShopifyApp]在庫数〇〇以下の商品を一覧で表示するシンプルなアプリ Remixでアプリ作成 #10

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。

今日は1ページだけの簡単アプリ。ShopifyAPIを使ったアプリなのでPrisma使いません。

ShopifyAPIで商品一覧を取得して、在庫〇〇個の商品一覧を表示するというシンプルなアプリを作ってみましょう♪管理画面から商品情報を取得して自分のアプリに表示できるようになります。

🐝今回のゴール



【やりたいこと】
1.管理画面から商品一覧取得
2.在庫のしきいち指定
3.❷で指定した〇〇以下の在庫数の商品一覧を表示

🐝実装手順

✅Step1 ShopifyAPI発行

APIトークン、APIキー、バージョンを確認しておく。

✅Step2 .envを作成

下記を追加する。

SHOPIFY_API_KEY=APIキーをここに入力
SHOPIFY_API_PASSWORD=アクセストークンをここに入力
SHOPIFY_STORE_NAME=ショップネーム

Step1で確認したトークンなどを設定。


【ご購入前のご注意】
※返金&サポート&コメント返信はしておりません。メンバーシップの「スタンダードプラン」でのみ対応しています
※コードのみのご紹介で解説などはしておりません。
※2024.10時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりうまく動作しない可能性はあるかもしれません。


次はインデックスファイルに今回のコードを差し替えしていきます。

ここから先は

9,172字
この記事のみ ¥ 1,500
期間限定!Amazon Payで支払うと抽選で
Amazonギフトカード5,000円分が当たる

この記事が気に入ったらチップで応援してみませんか?