Supabase、Stripe、R2、Cloudflare を使った保護されたダウンロード
ImgKit がログイン、チェックアウト、製品アクセス、非公開ファイル、署名付きダウンロード URL をどのように連携させているかを実践的に概説します。
有料のデジタル製品には、地味ですが重要な土台が必要です。購入者は支払いを行い、サインインし、公開された ZIP リンクを晒すことなく、正しいファイルをダウンロードできる必要があります。
ImgKit はシンプルな保護付きダウンロードのパターンを採用しています。
- Supabase がログインを担当します。
- Stripe がチェックアウトを担当します。
- アプリケーションが製品アクセスを記録します。
- R2 が非公開ファイルを保存します。
- Cloudflare Functions が有効期限付きの署名 URL を返します。
なぜ保護されたダウンロードが重要なのか
有料の ZIP ファイルが公開フォルダーにあると、URL を知っている人は誰でもそれを共有できます。無料サンプルであれば許容されることもありますが、有料製品には弱い対策です。
保護されたダウンロードは、サーバー側のチェックを追加します。
- ユーザーは誰か？
- このユーザーは製品を購入したか？
- ダウンロード対象のアセットは有効か？
- サーバーは一時的な URL を生成できるか？
ユーザーは通常のブラウザーでのダウンロードを得られますが、永続的なストレージのパスは公開されません。
Supabase ログイン
Supabase は ImgKit にアカウントの識別情報を提供します。購入者はメールでサインインし、そのアカウントにチェックアウトとダウンロードを紐付けられます。
初期の製品であれば、メールログインで十分です。保護されたファイルをダウンロードするだけのために、複雑なダッシュボードは購入者に必要ありません。
Stripe チェックアウト
Stripe は決済セッションを処理します。購入者はサイトからチェックアウトを開始し、支払いを行い、ImgKit に戻ります。
その後、サーバーは完了したセッションを製品アクセスに紐付ける必要があります。それは webhook とチェックアウト同期エンドポイントを通じて行えば、購入者は支払い直後にアクセスを確認できます。
製品アクセス
製品アクセスは、一般的な会員ラベルとは切り離して考えるべきです。購入者はある製品を所有していても、別の製品を所有していない場合があります。
ImgKit の場合、終了した Builder Case Study は独自の製品エンタイトルメントを使用していました。このモデルなら、すべての購入者を広範なサブスクリプション会員にすることなく、将来の製品を存在させることも可能です。
R2 非公開ストレージ
R2 は実際の ZIP パッケージを、公開されているウェブサイトのバンドルとは別に保存します。サイトは R2 オブジェクトに直接リンクしません。
代わりに、ダウンロードエンドポイントがアクセスを確認し、ストレージに一時的な URL を要求します。
署名 URL
署名 URL は、非公開ファイルへの一時的なアクセスを提供します。URL が短い期間で失効すれば、永続的に共有する価値が下がります。
これは重量級の DRM ではありません。MVP 向けの実践的な有料配信の境界線です。
ImgKit が学んだこと
アーカイブされた ImgKit Builder Case Study ページには、周辺の実装判断が残されています。有料ソフトウェアの販売がなぜ一時停止されたか、保護されたダウンロードがどのように形作られたか、ソースコードパッケージが最初の有料オファーとしてどのようにテストされたか、といったことです。
この文脈は重要です。なぜなら、技術的な流れは製品の半分にすぎないからです。もう半分は、何を最初に売るべきかを決めることです。
よくある質問
有料の ZIP ファイルを公開フォルダーに置かないのはなぜですか？
公開ファイルは直接共有できてしまいます。保護された配信では、サーバーがアカウントのアクセス権を確認し、有効期限付きのダウンロード URL を返します。
Stripe はファイルを保存しますか？
いいえ。Stripe は決済を処理します。製品へのアクセスとダウンロード配信は、アプリケーションと非公開ストレージが担当します。
なぜ署名付き URL を使うのですか？
署名付き URL を使えば、非公開ファイルを永続的なストレージへのアクセスを公開せずに、限られた時間だけダウンロード可能にできます。
Resources
参考情報
このガイド、対応する補足ページ、そしてコンテンツを手がけた人々の間を移動するために、これらの参考情報をご利用ください。
ウェブサイトのローンチ、リデザイン、移行、商品カタログ向けに、繰り返し可能なバッチ画像変換ワークフローを計画します。
ガイドを読むAstro、Supabase、Stripe、R2、Electron を使って AI 支援画像 SaaS を構築した方法ImgKit の裏側にある実践的なローンチの物語：無料のブラウザ画像ツール、保護されたダウンロード、Stripe チェックアウト、Electron デスクトップアプリ、そして AI 支援の構築ワークフロー。
ガイドを読むSaaS が本格成熟する前にソースコードのケーススタディを販売する方法実際の MVP 構築を、ソフトウェアを過大評価せずに有料の教育プロダクトへと変えるための実践的なフレームワーク。
ガイドを読むLeon PatelCreates how-to guides and photo tips that keep the advice simple, clear, and ready to use in Gift Studio.
著者を見るDylan RossChecks guides and photo tips for freshness, usefulness, and a calm editorial voice.
レビューアーを見るGift Studio を開くApply the guide in the editor when you are ready to make the gift.
ギフトを作るSee how the article was reviewed, then use the buttons below if something needs attention.
Editorial policyTopic graph
Keep exploring Supabase、Stripe、R2、Cloudflare を使った保護されたダウンロード
Follow the connected pages below to move from this topic into the closest guides, messages, examples, decoration guides, recipient guides, occasions, and memory guides.
Related Guides
Use these how-to pages when you need the next practical step.
Learn how to choose phone photos that still look polished in a personalized gift, plus what to avoid before you design the keepsake.
Read tipBest photos for photo giftsLearn which photos work best for personalized photo gifts, what to avoid, and how to choose an image that still feels meaningful later.
Read tipBuying GuidesCompare digital, printed, last-minute, and longer-turn options before you decide what to make.
Read guideRelated Messages
Use these message pages when the wording needs to match the tone.
Browse 100+ anniversary gift message examples for warm, simple, emotional, romantic, and long-distance photo gifts.
Browse messagesBirthday gift messages that sound warm and personalBrowse 100+ birthday gift message examples for warm, simple, emotional, playful, and long-distance photo gifts.
Browse messagesChristmas gift messages that feel warm and seasonalBrowse 100+ Christmas gift message examples for warm, simple, emotional, funny, and formal photo gifts.
Browse messagesRelated Examples
Compare finished examples to check the direction before you decide.
Birthday example cards showing how one photo becomes a playful keepsake with a clear celebration tone.
Open examplesChristmasChristmas example cards showing how one photo becomes a seasonal keepsake with a calm holiday finish.
Open examplesCongratulationsCongratulations example cards showing how one photo becomes a milestone keepsake with a polished finish.
Open examplesRelated Decoration Guides
Choose the style direction that supports the photo and message.
Related Occasions
Narrow the choice by the occasion that matters most.
Explore anniversary photo gift ideas, photo tips, message examples, and common mistakes before you open ImgKit Gift Studio.
Open ideasBirthday photo gift ideas for a personal, fast, and thoughtful surpriseExplore birthday photo gift ideas, best photo types, message examples, and practical tips before you open ImgKit Gift Studio.
Open ideasChristmas photo gift ideas for a warm seasonal messageExplore Christmas photo gift ideas, photo tips, message examples, and common mistakes before you open ImgKit Gift Studio.
Open ideasRelated Articles
Read the latest articles for deeper context on this topic.
Explore 50 meaningful personalized gift ideas for birthdays, anniversaries, memorials, weddings, holidays, and everyday moments of appreciation.
Read articleBest Birthday Gift Ideas for Family and FriendsDiscover thoughtful birthday gift ideas for family and friends, including personalized photo gifts, custom keepsakes, and last-minute digital gifts.
Read articleHow Personalized Gifts Strengthen RelationshipsLearn why personalized gifts build stronger relationships by showing attention, preserving memories, and turning shared moments into lasting keepsakes.
Read articleRelated Tools
Use these free browser tools to prepare, edit, or convert your images.
Reduce image file size locally with practical quality controls for website and product images.
Open toolFree Image ConverterConvert images between JPG, PNG, and WebP in your browser. Free, private, fast, and local for supported files.
Open toolImage CropperCrop images online for free with square, portrait, landscape, and social media presets. Private browser-based image cropper for supported files.
Open tool