イントロダクション#
オンラインのキーアプリケーションプログラミングインターフェース（API）検索サイトに不信感を抱いたため、独自に簡単なキーアプリケーションを作成しました。オープンソースプロジェクトを使用して検索インターフェースを見つけ、GPT-4 によって作成された OpenAI キーバランスクエリのコードを作成しました（100％AI による完了）。
Cloudflare Workers を使用して OpenAI API キーの詳細を自己デプロイ
OpenAi 公式 API の制限により、最近の消費状況のみを検索できます。
デプロイチュートリアル#
オープンソースリンク：https://github.com/Aiayw/OpenAI-APIKey-Query
Cloudflare Workersのウェブ版で新しいプロジェクトを作成し、このリポジトリのapikey.jsをオンラインエディタにコピーして保存します。
ウェブプレビュー#
プレビューページ：https://apikey.aiayw.workers.dev
コードの説明#
このコードは、次の機能を持つ Web アプリケーションです：
- ユーザーがアプリケーションのウェブページにアクセスすると、API キー情報をクエリするためのフォームページが表示されます。
- ユーザーは、"sk-" で始まる OpenAI API キーをフォームに入力し、クエリを実行する必要があります。
- ユーザーがフォームを送信すると、アプリケーションは提供された API キーを使用して OpenAI API にリクエストを送信し、アカウント情報と消費状況をクエリします。
- リクエストが成功した場合、アプリケーションは返されたアカウント情報と消費状況を表示します。これには、アカウント名、バインドされたカードの状態、過去 2 か月間の消費金額、月間消費制限、アカウントの信用総額、および贈与期限が含まれます。
- リクエストが失敗した場合、アプリケーションはエラーメッセージを表示します。
- アプリケーションは、Bootstrap フレームワークと CSS スタイルを使用してページを装飾します。
- アプリケーションは、JavaScript と Fetch API を使用してフォームの送信とバックエンド API との通信を処理します。
- バックエンドコードは、リクエストを処理するためのサーバーレス関数として Cloudflare Workers を使用します。
- バックエンドは API キーの有効性を検証し、OpenAI API にアカウントおよび消費情報を取得するためのリクエストを送信し、フロントエンドに返します。
- バックエンドでエラーが発生した場合、適切なエラーメッセージをフロントエンドに返します。
- アプリケーションのフロントエンドとバックエンドは、英語と日本語のエラーメッセージの表示をサポートしています。
全体的に、このコードは OpenAI API キー情報をクエリする機能を実装しており、ユーザーは API キーを入力してフォームを送信することでアカウント情報と消費状況を取得できます。