店舗セットアップ(管理画面)

購入画面へ

店舗情報

ここで設定した内容が、お客さんの購入画面の一番上に表示されます。

新しい商品(投げ銭の金額)を登録

酒類にすると、購入画面の年齢確認が20歳以上に変わります。
フードにすると「写真はイメージです」の注意書きが出ます。
※ 端末内で処理します(サーバーには送信しません)
プレビュー

まとめて登録

1行に1商品ずつ「商品名 , 値段 , 種別」の形で貼り付けてください。
種別は省略できます。書く場合は「酒」または「フード」と入れてください。
エクセルやCSVからそのままコピー&貼り付けできます(カンマ・タブどちらでもOK)。
値段の「¥」「円」「,」は自動で取り除きます。

登録済み商品

※ 追加・削除した内容は消えて、写真つきの30商品に戻ります。

新しいキャストを登録

ここに登録した人が、購入画面の「投げ銭する相手」に表示されます。
プレビュー

登録済みキャスト

現在の決済モード

確認中…

Stripe(カード / PayPay)

カードとPayPayの両方をStripe1社でまとめて扱います。

⚠️ APIキーの入力欄はここにはありません。
鍵をこの画面に入力すると、お客さんのブラウザから丸見えになり、 売上を抜かれる危険があります。そのため鍵は Cloudflare側の金庫(シークレット)に保管する方式にしています。

鍵の登録はゴーさんのパソコンから次の1行で行います(Claudeが案内します)。
npx wrangler pages secret put STRIPE_SECRET_KEY --project-name=nagesen-mock

決済の流れ

1. お客さんが購入画面で商品と支払い方法を選ぶ
2. Stripeの決済画面へ移動して支払う
3. 戻ってきたらサーバー側で入金を確認してから完了画面を出す
4. この通知タブに入金が表示される

値段はブラウザからではなくサーバー側の価格表を使うので、 金額を書き換えられる心配はありません。

通知設定

入金一覧(サーバー記録)

Stripeから直接届いた入金です。お客さんがどの端末で決済しても、必ずここに残ります。

この端末での通知 (自動更新中)

この端末のブラウザで決済したときだけ出る簡易表示です。テスト用。