ЯoomeR

プログラミング~実装とエラー解決と、時々、AI~

2022-02-22から1日間の記事一覧

Shopifyでサブスクリプション機能を実装してみよう(APIを用いた実装) Part2

顧客がサブスク購入できるようにする ThemeKitの導入 購入画面を編集する 数量などを削除する 数量を削除する 「今すぐ購入」を削除する 購入画面(チェックアウト)の確認 サブスク販売できるようにするまではこちらの記事を参照のこと。 顧客がサブスク購入…

Shopifyでサブスクリプション機能を実装してみよう(APIを用いた実装) Part1

Shopifyへの登録~アプリ作成まで サブスクリプションAPIの利用申請 ストアフロントAPIを有効にする サブスクリプションAPIについて詳しく知りたい方へ 商品を出品しよう 販売計画の作成 商品のidの確認 販売計画と商品の紐付け サブスクリプション契約が追加…

Shopifyで開発ストアを作ってみよう~アカウント作成からカスタムアプリインストールまで~

アカウント作成 ストアの作成 アプリの開発 アプリをインストールしよう envファイルの編集 SHOPIFY_API_KEY SHOPIFY_API_SECRET SHOP SCOPES HOST ストアにインストールする URLを設定する アカウント作成 ShopifyPartnerのページから「Join Now」を選択し…

Shopifyの購入時にアカウント登録を必須にしよう

手順 1.設定を開く 2.チェックアウトの設定を行う サブスクリプションの管理などで、顧客のアカウント登録を必須にしたい場合がある。 こちらではその手順を記載する。 手順 1.設定を開く 管理ページ左下の「設定」を開こう。 2.チェックアウトの設定を行う …

ngrokを使ってみよう(超簡単)

コマンドを打つだけ コマンドを打つだけ ホームディレクトリで以下のコマンドを実行する ./ngrok http 3000 上記は「localhost:3000」を外部に公開したい場合の記述である。 「localhost:8080」を公開したい場合は「3000」の部分を「8080」に書き換えれば良…

なぜShopify開発にngrokを使うのか?

ngrokとは何か? なぜngrokを使用するのか? 画像解説 「なぜngrokを使用する必要があるのか?」を理解することが目的のため、 用語(外部ネットワーク、インターネット)について厳密な使い方をしていないことに留意ください。 ngrokとは何か? ローカルサー…

Shopifyでサブスクリプション販売の設定をするにはアプリorAPI?

サブスクリプションを実装する方法は2つ アプリについて メリット デメリット APIについて メリット デメリット 個人的にはアプリがおすすめ サブスクリプションを実装する方法は2つ サブスクリプションを実装するためには、 アプリを使用する APIを使って自…

開発ストアを開くとパスワードを求められる場合[Shopify]

購入のテストを行いたいが・・・ 出品した商品の購入テストを行うために自分のストア({ストア名}.myshopify.com)を開いた時、パスワードを求められることがある。 この際、「あなたはストアオーナー...」を選択すると管理画面に遷移するため、購入テストは行…

ShopifyPaymentのテストモードを使用する方法

ShopifyPaymentを有効化する 企業名とか口座とか用意してないんだけど? テストモードを有効にする ShopifyPaymentを有効化する まずは上の画像のように「決済」から「Shopifyペイメントを有効にする」を押下する。 企業名とか口座とか用意してないんだけど…

Shopifyで商品を出品してみよう

管理画面を開く 商品の追加を行う 各項目について タイトル 説明 メディア オプション バリエーション 検索結果のプレビュー ステータスをアクティブにしよう プレビューで確認してみよう 管理画面を開く 管理画面({ストア名}.myshopify.com/admin)を開こう…

Shopifyのテーマをローカルで編集し、反映する(ThemeKitの導入)

ThemeKitをインストールする アプリを作成する ThemeKitAccessのインストール ローカルからテーマ編集を行う Step1.Shopifyで使用しているテーマの一覧を取得する Step2.使用しているテーマをダウンロードする Step3.ローカルでの変更を反映するようにする …