shopify App 開発
2024年
$ shopify app dev
これで開発する。 npm run devで登録されてる。 shopify app initで。
ただ、cloudflaredとの関係で quick tunnelはうまく行かないことになる。自分の環境だと。
Shopifyアプリの開発方法 — Shopify パートナー
Shopify Dev Tutorials
上記リンクの記述のほぼコピペだけど...内容整理すると、
パートナーアカウントをとって、
開発ストアを追加して、
アプリを作成して、
APIを使って処理して、
管理画面側に何かを作る際には、Polaris (reactのcomponents?) を使ってUIを作る
Shopify App Bridgeを使って、shopifyの管理画面と連携する(urlなどを含めて?)
webhookを起点に処理をしたい場合は、そうする
Shopify Webhooksでやった
プライベートアプリでやるなら、権限管理も簡単で、shopiyfの魅力の1つかもしれない。
テーマに機能を追加したい場合は...
テーマ以外にも、外部サイト(wordpressなどにつける Shopify Buy Buttonみたいなもの?)、アプリなど
公開するなら、申請。
カスタムアプリなら、そのままいける?
予想する習得ポイントは、
React | js, GraphQL には多少慣れておいた方がいいかも。
テーマに機能追加なら、liquidにあるオブジェクトに何があるかをイメージできるようにしておく。
普通に shopifyサイトを運営して、テーマなどを修正してると、liquidオブジェクトのイメージはついてくるかも
shopify app cliも慣れておく。
Shopifyテーマ開発の先祖返りを防ぐテクニック。複数環境間のバージョン管理|東京のShopify制作会社|non-standard world株式会社
サイトの複製用app
Shopifyテスト環境の構築方法。複製テーマおよび開発用ストアへのインポート手順まで|東京のShopify制作会社|non-standard world株式会社
本番のテーマのコピーを開発ストア側に
Exlm: ExIm ‑ Export / Import data – オンラインストア用のEコマースプラグイン – Shopify アプリストア
日本語の問題はあるよう
#Shopify