このチュートリアルでは、ターミナルベースのアプリケーションのサンプル実装コードを提供します。このコードは、特定のフレームワーク(React、Vue、Angularなど)に合わせて修正し、アプリケーションのニーズに応じてユーザー入力方法をカスタマイズできます。
- OpenAIのDALL-E APIを使用して画像を生成する
- 請求のためにすべての画像生成を追跡する
- 使用量に基づいて自動的に顧客に請求する
- 異なる品質レベル(標準とHD)を処理する
構築するもの
まず、PixelGen AIサービスを理解しましょう:- サービス: OpenAIのDALL-E APIを使用したAI画像生成
- 価格モデル: 画像ごとに支払い($0.05/画像)
- 無料枠: 顧客ごとに月10枚の無料画像
- 品質オプション: 標準およびHD画像(簡単のため同じ価格)
始める前に、次のものを用意してください:
- Dodo Paymentsアカウント
- OpenAIのAPIへのアクセス
- TypeScript/Node.jsの基本的な知識
ステップ1: 使用量メーターを作成する
Dodo Paymentsダッシュボードで、サービスが生成するすべての画像を追跡するメーターを作成します。これは、請求可能なイベントを追跡する「カウンター」と考えてください。
メーターセクションを開く
- Dodo Paymentsダッシュボードにログインします
- 左のサイドバーでメーターをクリックします
- メーターを作成ボタンをクリックします
基本的なメーター情報を入力する
ここで、PixelGen AIサービスの具体的な詳細を入力します:メーター名: これを正確にコピーして貼り付けてください →
Image Generation Meter説明: これをコピーしてください → Tracks each AI image generation request made by customers using our DALL-E powered serviceイベント名: これは重要です - 正確にコピーしてください → image.generated画像のカウント方法を設定する
集計(メーターがイベントをカウントする方法)を設定します:集計タイプ: ドロップダウンからカウントを選択します測定単位: 入力してください →
images「カウント」を使用しているのは、生成された画像ごとに請求したいためで、サイズや生成時間によるものではありません。各成功した画像 = 1請求単位です。
品質フィルタリングを追加する

- イベントフィルタリングを有効にする: これをONに切り替えます
- フィルターロジック: ORを選択します(これは「これらの条件のいずれかが真であればカウントする」という意味です)
- 最初の条件を追加:
- プロパティキー:
quality - 比較演算子:
equals - 値:
standard
- プロパティキー:
- 「条件を追加」をクリックして2つ目の条件を追加します:
- プロパティキー:
quality - 比較演算子:
equals - 値:
hd
- プロパティキー:
ステップ2: 請求製品を作成する
次に、価格を定義する製品を作成する必要があります(画像ごとに$0.05、10枚の無料画像付き)。これにより、メーターが実際の請求に接続されます。製品に移動する
- Dodo Paymentsダッシュボードで、左のサイドバーの製品をクリックします
- 製品を作成をクリックします
- 製品タイプとして使用量ベースを選択します
製品の詳細を入力する
PixelGen AIサービスのために、これらの正確な値を入力します:製品名: これをコピーしてください →
PixelGen AI - Image Generation説明: これをコピーしてください → AI-powered image generation service with pay-per-use billing製品画像: 明確で関連性のある画像をアップロードします。これらは顧客の請求書に表示されるため、明確でプロフェッショナルにしてください。
メーターを接続する

0に設定して、顧客が使用量に基づいてのみ請求されるようにし、基本料金は発生しないようにします。次に、先ほど作成したメーターをリンクします:- 関連メーターセクションまでスクロールします
- メーターを追加をクリックします
- ドロップダウンから**「画像生成メーター」**(先ほど作成したもの)を選択します
- 製品設定に表示されることを確認します
メーターはこの製品に正常に接続されました。
価格を設定する
ここで、ビジネスモデルを定義します:
単位あたりの価格: 入力してください →

0.05(これは画像1枚あたり$0.05です)無料の閾値: 入力してください → 10(顧客は月に10枚の無料画像を取得します)ステップ3: テスト購入を行う
使用量イベントを取り込む前に、テスト購入を行う必要があります。支払いリンクを取得する
- Dodo Paymentsダッシュボードで、製品に移動します
- 「PixelGen AI - 画像生成」製品を見つけます
- 製品の隣にある共有ボタンをクリックします
- 表示される支払いリンクをコピーします
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=1ステップ4: サンプルアプリケーションを構築する
請求設定が完了し、テスト顧客が作成されました。画像を生成し、請求のために自動的に使用量を追跡するサンプルPixelGen AIアプリケーションを構築しましょう。
こちらが請求を統合した完全なPixelGen AIアプリケーションです:
ステップ5: サンプルアプリケーションをテストする
サンプルPixelGen AIサービスをテストし、請求が機能するか確認する時間です!すべてがエンドツーエンドで動作することを確認しましょう。環境をセットアップする
まず、すべてが設定されていることを確認します:
.envファイルをpixelgen-aiディレクトリに作成します- 実際のAPIキーを追加します:
- 依存関係をインストールし、アプリを実行します:
最初のテスト画像を生成する
アプリが起動すると、次のように表示されます:このプロンプトを試してください: “かわいいロボットが風景を描いている”次のような出力が表示されるはずです:
「使用イベントが正常に送信されました」と表示されれば、請求統合が機能しています!
さらにいくつかの画像を生成する
複数のイベントをテストするために、2-3枚の画像を生成しましょう。次のプロンプトを試してください:
- “紫の雲のある山の上の夕日”
- “ビクトリア朝のキッチンにあるスチームパンクのコーヒーマシン”
- “図書館で本を読んでいる友好的なドラゴン”
Dodo Paymentsダッシュボードを確認する
イベントが受信されているか確認しましょう:
- Dodo Paymentsダッシュボードを開きます
- 使用量請求 → *メーター → 画像生成メーターに移動します
- イベントタブをクリックします
- 画像生成イベントがリストされているのを確認します
- イベント名:
image.generated - 顧客ID: あなたのテスト顧客ID
生成した画像ごとに1つのイベントが表示されるはずです!
トラブルシューティング
一般的な問題とその解決策:ダッシュボードにイベントが表示されない
ダッシュボードにイベントが表示されない
考えられる原因:
- イベント名がメーター設定と正確に一致しない
- 顧客IDがアカウントに存在しない
- APIキーが無効または期限切れ
- ネットワーク接続の問題
- イベント名がメーター設定と正確に一致することを確認します(大文字と小文字を区別)
- 顧客IDがDodo Paymentsに存在することを確認します
- 簡単なAPI呼び出しでAPIキーをテストします
- ネットワーク接続とファイアウォール設定を確認します
おめでとうございます! PixelGen AIを構築しました
使用量ベースの請求を伴うAI画像生成のスニペットを成功裏に作成しました!達成したことは次のとおりです:使用メーター
すべての画像生成イベントを追跡する「画像生成メーター」を作成しました
請求製品
画像ごとに$0.05、月に10枚の無料画像の価格を設定しました
AIアプリケーション
OpenAIのDALL-Eを使用して画像を生成する動作するTypeScriptアプリを構築しました
自動請求
顧客を自動的に請求するリアルタイムイベント追跡を統合しました
