このチュートリアルでは、ターミナルベースのアプリケーションのサンプル実装コードを提供します。このコードは、特定のフレームワーク(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ダッシュボードで、サービスが生成するすべての画像を追跡するメーターを作成します。これは、請求可能なイベントを追跡する「カウンター」と考えてください。
1
メーターセクションを開く
- Dodo Paymentsダッシュボードにログインします
- 左のサイドバーでメーターをクリックします
- メーターを作成ボタンをクリックします
2
基本的なメーター情報を入力する
ここで、PixelGen AIサービスの具体的な詳細を入力します:メーター名: 正確にコピーして貼り付けます →
Image Generation Meter説明: これをコピーします → Tracks each AI image generation request made by customers using our DALL-E powered serviceイベント名: これは重要です - 正確にコピーします → image.generated3
画像のカウント方法を設定する
集計(メーターがイベントをカウントする方法)を設定します:集計タイプ: ドロップダウンからカウントを選択します測定単位: 入力 →
images「カウント」を使用しているのは、生成された画像ごとに請求したいためで、サイズや生成時間によるものではありません。各成功した画像 = 1請求単位です。
4
品質フィルタリングを追加する

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

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

0.05(これは$0.05/画像です)無料閾値: 入力 → 10(顧客は月に10枚の無料画像を取得します)5
製品を保存する
- すべての設定を確認します:
- 名前: PixelGen AI - 画像生成
- メーター: 画像生成メーター
- 価格: $0.05/画像
- 無料枠: 10画像
- 変更を保存をクリックします
製品が作成されました! あなたの請求は設定されました。顧客は自動的に画像生成の使用に基づいて請求されます。
ステップ3: テスト購入を行う
使用量イベントを取り込む前に、テスト購入を行う必要があります。1
支払いリンクを取得する
- Dodo Paymentsダッシュボードで、製品に移動します
- 「PixelGen AI - 画像生成」製品を見つけます
- 製品の隣にある共有ボタンをクリックします
- 表示される支払いリンクをコピーします
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=12
テスト購入を完了する
- 新しいブラウザタブで支払いリンクを開きます
- テスト支払い情報を入力し、購入を完了します。
支払いが成功すると、アプリケーションコードで使用する顧客IDが得られます。
3
顧客IDを見つける
- Dodo Paymentsダッシュボードに戻ります
- 左のサイドバーで顧客に移動します
- 先ほど作成した顧客(テストメール付き)を見つけます
- 顧客IDをコピーします - それは
cus_abc123def456のようになります
この顧客IDを保存してください - サンプルアプリケーションコードにハードコーディングして、イベントが正しく追跡されるようにします。
ステップ4: サンプルアプリケーションを構築する
請求設定が完了し、テスト顧客が作成されました。画像を生成し、請求のために自動的に使用量を追跡するサンプルPixelGen AIアプリケーションを構築しましょう。1
プロジェクトをセットアップする
新しいディレクトリを作成し、プロジェクトを初期化します:
2
依存関係をインストールする
必要なパッケージをインストールします:
3
メインアプリケーションを作成する
index.ts という名前のファイルを作成し、この完全なアプリケーションコードをコピーします:ステップ5: サンプルアプリケーションをテストする
サンプルPixelGen AIサービスをテストし、請求が機能するか確認する時間です!すべてがエンドツーエンドで動作することを確認しましょう。1
環境をセットアップする
まず、すべてが設定されていることを確認します:
.envというファイルをpixelgen-aiディレクトリに作成します- 実際のAPIキーを追加します:
- 依存関係をインストールし、アプリを実行します:
2
最初のテスト画像を生成する
アプリが起動すると、次のように表示されます:このプロンプトを試してください: “かわいいロボットが風景を描いている”次のような出力が表示されるはずです:
「使用イベントが正常に送信されました」と表示されれば、請求統合が機能しています!
3
さらにいくつかの画像を生成する
複数のイベントをテストするために、2-3枚の画像を生成しましょう。次のプロンプトを試してください:
- “紫の雲のある山の上の夕日”
- “ビクトリア朝のキッチンにあるスチームパンクのコーヒーマシン”
- “図書館で本を読んでいる友好的なドラゴン”
4
Dodo Paymentsダッシュボードを確認する
イベントが受信されているか確認しましょう:
- Dodo Paymentsダッシュボードを開きます
- 使用量請求 → *メーター → 画像生成メーターに移動します
- イベントタブをクリックします
- 画像生成イベントがリストされているのを確認します
- イベント名:
image.generated - 顧客ID: あなたのテスト顧客ID
生成した画像ごとに1つのイベントが表示されるはずです!
5
請求計算を確認する
使用量カウントが機能しているか確認しましょう:

- メーターで、顧客タブに移動します
- テスト顧客を見つけます
- 「消費単位」列を確認します
6
請求閾値をテストする
無料枠を超えて請求が機能するか確認しましょう:
- さらに8枚の画像を生成します(合計12枚に到達)
- メーターダッシュボードを再度確認します
- 次のように表示されるはずです:
- 消費単位: 12
- 請求単位: 2(12 - 10の無料)
- 請求額: $0.10
成功! 使用量ベースの請求が完璧に機能しています。顧客は実際の画像生成使用量に基づいて自動的に請求されます。
トラブルシューティング
一般的な問題とその解決策:ダッシュボードにイベントが表示されない
ダッシュボードにイベントが表示されない
考えられる原因:
- イベント名がメーター設定と正確に一致しない
- 顧客IDがアカウントに存在しない
- APIキーが無効または期限切れ
- ネットワーク接続の問題
- イベント名がメーター設定と正確に一致することを確認します(大文字と小文字を区別)
- 顧客IDがDodo Paymentsに存在することを確認します
- 簡単なAPI呼び出しでAPIキーをテストします
- ネットワーク接続とファイアウォール設定を確認します
おめでとうございます! PixelGen AIを構築しました
使用量ベースの請求を伴うAI画像生成のスニペットを成功裏に作成しました!達成したことは次のとおりです:使用メーター
すべての画像生成イベントを追跡する「画像生成メーター」を作成しました
請求製品
画像ごとに$0.05、月に10枚の無料画像の価格を設定しました
AIアプリケーション
OpenAIのDALL-Eを使用して画像を生成する動作するTypeScriptアプリを構築しました
自動請求
顧客を自動的に請求するリアルタイムイベント追跡を統合しました