Trong hướng dẫn này, bạn sẽ xây dựng PixelGen AI - một dịch vụ tạo hình ảnh AI mẫu thể hiện thanh toán dựa trên mức sử dụng. Chúng ta sẽ tạo mọi thứ từ đầu: đồng hồ thanh toán, cấu hình sản phẩm và mã ứng dụng mẫu tạo hình ảnh và theo dõi mức sử dụng theo thời gian thực.Documentation Index
Fetch the complete documentation index at: https://docs.dodopayments.com/llms.txt
Use this file to discover all available pages before exploring further.
- Tạo hình ảnh sử dụng API DALL-E của OpenAI
- Theo dõi mọi lần tạo hình ảnh để thanh toán
- Tự động tính phí khách hàng dựa trên mức sử dụng
- Xử lý các cấp độ chất lượng khác nhau (chuẩn so với HD)
Những gì chúng ta đang xây dựng
Hãy bắt đầu bằng cách hiểu dịch vụ PixelGen AI của chúng ta:- Dịch vụ: Tạo hình ảnh AI sử dụng API DALL-E của OpenAI
- Mô hình giá: Thanh toán theo hình ảnh ($0.05 mỗi hình ảnh)
- Cấp miễn phí: 10 hình ảnh miễn phí mỗi khách hàng mỗi tháng
- Tùy chọn chất lượng: Hình ảnh chuẩn và HD (cùng mức giá để đơn giản)
- Một tài khoản Dodo Payments
- Quyền truy cập vào API của OpenAI
- Kiến thức cơ bản về TypeScript/Node.js
Bước 1: Tạo Đồng hồ Sử dụng của Bạn
Chúng ta sẽ bắt đầu bằng cách tạo một đồng hồ trong bảng điều khiển Dodo Payments của bạn để theo dõi mọi hình ảnh mà dịch vụ của chúng ta tạo ra. Hãy nghĩ về điều này như là “bộ đếm” theo dõi các sự kiện có thể tính phí.
Mở phần Đồng hồ
- Đăng nhập vào bảng điều khiển Dodo Payments của bạn
- Nhấp vào Meters trong thanh bên trái
- Nhấp vào nút Tạo Đồng hồ
Điền thông tin cơ bản của đồng hồ
Image Generation MeterMô tả: Sao chép điều này → Tracks each AI image generation request made by customers using our DALL-E powered serviceTên Sự Kiện: Điều này rất quan trọng - sao chép chính xác → image.generatedCấu hình cách chúng ta đếm hình ảnh
imagesThêm bộ lọc chất lượng

- Bật Lọc Sự Kiện: Bật ON điều này
- Logic Lọc: Chọn HOẶC (điều này có nghĩa là “đếm nếu BẤT KỲ điều kiện nào trong số này là đúng”)
- Thêm điều kiện đầu tiên:
- Khóa Thuộc Tính:
quality - So sánh:
equals - Giá trị:
standard
- Khóa Thuộc Tính:
- Nhấp “Thêm Điều Kiện” cho điều kiện thứ hai:
- Khóa Thuộc Tính:
quality - So sánh:
equals - Giá trị:
hd
- Khóa Thuộc Tính:
Bước 2: Tạo Sản phẩm Thanh toán của Bạn
Bây giờ chúng ta cần tạo một sản phẩm xác định mức giá của chúng ta ($0.05 mỗi hình ảnh với 10 hình ảnh miễn phí). Điều này kết nối đồng hồ của chúng ta với thanh toán thực tế.Đi tới Sản phẩm
- Trong bảng điều khiển Dodo Payments của bạn, nhấp vào Sản phẩm trong thanh bên trái
- Nhấp vào Tạo Sản phẩm
- Chọn Dựa trên Sử dụng làm loại sản phẩm
Nhập chi tiết sản phẩm
PixelGen AI - Image GenerationMô tả: Sao chép điều này → AI-powered image generation service with pay-per-use billingHình ảnh Sản phẩm: Tải lên một hình ảnh rõ ràng, liên quan.Kết nối đồng hồ của bạn

0 để đảm bảo khách hàng chỉ bị tính phí dựa trên mức sử dụng của họ, không có phí cơ bản.Bây giờ, liên kết đồng hồ mà bạn vừa tạo:- Cuộn xuống phần Đồng hồ Liên kết
- Nhấp vào Thêm Đồng hồ
- Từ menu thả xuống, chọn “Đồng hồ Tạo hình ảnh” (cái mà bạn đã tạo trước đó)
- Xác nhận rằng nó xuất hiện trong cấu hình sản phẩm của bạn
Đặt giá của bạn

0.05 (đây là $0.05 mỗi hình ảnh)Ngưỡng Miễn Phí: Nhập → 10 (khách hàng nhận 10 hình ảnh miễn phí mỗi tháng)Lưu sản phẩm của bạn
- Xem lại tất cả các cài đặt của bạn:
- Tên: PixelGen AI - Tạo hình ảnh
- Đồng hồ: Đồng hồ Tạo hình ảnh
- Giá: $0.05 mỗi hình ảnh
- Cấp miễn phí: 10 hình ảnh
- Nhấp vào Lưu Thay đổi
Bước 3: Thực hiện Mua thử nghiệm
Trước khi chúng ta bắt đầu tiếp nhận các sự kiện sử dụng, chúng ta cần thực hiện một giao dịch thử nghiệm.Lấy liên kết thanh toán của bạn
- Trong bảng điều khiển Dodo Payments của bạn, đi tới Sản phẩm
- Tìm sản phẩm “PixelGen AI - Tạo hình ảnh” của bạn
- Nhấp vào nút Chia sẻ bên cạnh sản phẩm của bạn
- Sao chép liên kết thanh toán xuất hiện
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=1Hoàn thành một giao dịch thử nghiệm
- Mở liên kết thanh toán trong một tab trình duyệt mới
- Nhập thông tin thanh toán thử nghiệm và hoàn tất giao dịch.
Find your customer ID
- Quay lại bảng điều khiển Dodo Payments của bạn
- Điều hướng đến Bán hàng → Khách hàng trong thanh bên
- Tìm khách hàng bạn vừa tạo (với email kiểm tra)
- Sao chép ID khách hàng - nó sẽ trông giống như
cus_abc123def456
Bước 4: Xây dựng Ứng dụng Mẫu
Bây giờ chúng ta đã hoàn tất thiết lập thanh toán và tạo một khách hàng thử nghiệm. Hãy xây dựng ứng dụng PixelGen AI mẫu tạo hình ảnh và tự động theo dõi mức sử dụng để thanh toán.Bước 5: Kiểm tra Ứng dụng Mẫu của Bạn
Đến lúc kiểm tra dịch vụ PixelGen AI mẫu của chúng ta và xem thanh toán hoạt động! Hãy đảm bảo mọi thứ hoạt động từ đầu đến cuối.Thiết lập môi trường của bạn
- Tạo một tệp
.envtrong thư mụcpixelgen-ai - Thêm các khóa API thực tế của bạn:
- Cài đặt các phụ thuộc và chạy ứng dụng:
Tạo hình ảnh thử nghiệm đầu tiên của bạn
Tạo thêm một vài hình ảnh
- “Một hoàng hôn trên núi với những đám mây tím”
- “Một máy pha cà phê steampunk trong một nhà bếp Victorian”
- “Một con rồng thân thiện đang đọc sách trong một thư viện”
Kiểm tra bảng điều khiển Dodo Payments của bạn
- Mở bảng điều khiển Dodo Payments của bạn
- Đi tới Thanh toán Dựa trên Sử dụng → *Đồng hồ → Đồng hồ Tạo hình ảnh
- Nhấp vào tab Sự kiện
- Bạn nên thấy các sự kiện tạo hình ảnh của mình được liệt kê
- Tên sự kiện:
image.generated - ID khách hàng: ID khách hàng thử nghiệm của bạn
Xác minh các phép tính thanh toán

- Trong đồng hồ của bạn, đi đến tab Khách hàng
- Tìm khách hàng thử nghiệm của bạn
- Kiểm tra cột “Đơn vị đã tiêu thụ”
Kiểm tra ngưỡng thanh toán
- Tạo thêm 8 hình ảnh (để đạt tổng cộng 12)
- Kiểm tra bảng điều khiển đồng hồ của bạn một lần nữa
- Bạn nên thấy:
- Đơn vị đã tiêu thụ: 12
- Đơn vị có thể tính phí: 2 (12 - 10 miễn phí)
- Số tiền thanh toán: $0.10
Khắc phục sự cố
Các vấn đề phổ biến và giải pháp của chúng:Sự kiện không xuất hiện trong bảng điều khiển
Sự kiện không xuất hiện trong bảng điều khiển
- Tên sự kiện không khớp chính xác với cấu hình đồng hồ
- ID khách hàng không tồn tại trong tài khoản của bạn
- Khóa API không hợp lệ hoặc đã hết hạn
- Vấn đề kết nối mạng
- Xác minh tên sự kiện khớp chính xác với cấu hình đồng hồ (phân biệt chữ hoa chữ thường)
- Kiểm tra rằng ID khách hàng tồn tại trong Dodo Payments
- Kiểm tra khóa API với một cuộc gọi API đơn giản
- Kiểm tra kết nối mạng và cài đặt tường lửa