国内はOPENAI APIに直接接続することができませんでしたが、最近のxai apiも国内への直接アクセスをサポートしていませんが、あなたはvercelプロキシを介して使用し続けることができ、コードは次のとおりです:
まず、倉庫を作成し(プライベート倉庫の新規作成を推奨)、新しいファイル名:vercel.jsonを作成する。
編集して保存する:
{ 「routes": [ { "src":"/"、 "dest":"/index.html" }, { "src":"/gemini/v1/(.*)", { "src": "/gemini/v1/(. "dest": "https://generativelanguage.googleapis.com/v1/\" }, { "src": "/gemini/v1/(. *", { "src": "/gemini/v1/(. { "src":"/gemini/v1beta/(.*)", { "src": "/gemini/v1beta/(. "dest": "https://generativelanguage.googleapis.com/v1beta/\" }, { "src": "/gemini/v1beta/(. *)", { "src": "/gemini/v1/(. { "src":"/openai/v1/(.*)", { "src": "/openai/v1/(. "dest": "https://api.openai.com/v1/\" }, { "src": "/openai/v1/(. *)", { "src": "/gemini/v1/(. { "src":"/groq/openai/v1/(.*)", { "src": "/groq/openai/v1/(. "dest": "https://api.groq.com/openai/v1/\" }, { "src": "/groq/openai/v1/(. { "src":"/claude/v1/(.*)", { "src": "/claude/v1/(. "dest": "https://api.anthropic.com/v1/\" }, { "src": "/claude/v1/(. *", { "src": "/gemini/v1/(. { "src":"/cohere/v1/(.*)", { "src": "/cohere/v1/(. "dest": "https://api.cohere.ai/v1/\" }, { "src": "/cohere/v1/(. *", { "src": "/gemini/v1/(. { "src":"/xai/v1/(.*)", { "src": "/xai/v1/(. "dest": "https://api.x.ai/v1/\" } 地域": [ "src": "/xai/v1/(. *)", { "src": "/gemini/v1/(. 「リージョン": [ "hnd1" ] }
次に、フロントページで使用するindex.htmlを新規作成し、apiの説明を表示するために編集する:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>APIアクセス・ドキュメント</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px; } .container { max-width: 800px; margin: auto; background-color: #fff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); padding: 20px; margin-top: 20px; } h1 { text-align: center; color: #333; } p { color: #666; line-height: 1.6; } .api-info { background-color: #e9ecef; border-radius: 8px; padding: 15px; margin-top: 20px; } .api-url { font-family: 'Courier New', Courier, monospace; background-color: #d1ecf1; border-radius: 8px; padding: 10px; margin-top: 10px; } .api-example { background-color: #e9ecef; border-radius: 8px; padding: 15px; margin-top: 20px; } .code-block { background-color: #f1f8ff; border-radius: 8px; padding: 10px; margin-top: 10px; overflow-x: auto; } button { background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 5px; カーソルポインタ margin-top: 10px; } button:hover { background-color: #0056b3; }. } #articlesummary { { #0056b3; } } } #articlesummary box-shadow: 0 4px 8px rgba(0,0,0,0,0); } } #articlesummary { { #0056b3 ボックスシャドウ: 0 4px 8px rgba(0,0,0,0.1); } } パディング: 16px; 余白: 0 4px 8px padding: 16px; margin-top: 16px; margin-top: 16px; margin-top: 16px margin-top: 16px; background-colour: # background-colour: #fff; } #summarycontent{。 margin-top: 10px; } #summarycontent } </style> </head> <body> <div class="container"> <h1>APIアクセス<br> APIヘルプ</h1> <div class="api-info"> <h2>APIアクセス・サポート</h2> <p>オベナイ</p> <p>ジェミニ</p> <p>グロック</p> <p>クロード</p> <p>コヒーレ</p> <p>クサイ</p> </div> <div class="api-info"> <h2>APIエンドポイント</h2> <div class="code-block"> <pre>ホスト/テアピ</pre> <pre>EXP: https://url/xai</pre> </div> </div> </div> </body> </html>
その後、vercel.comにアクセスし、このリポジトリをインポートすれば、何の設定も必要なく、直接デプロイすることができ、デプロイ完了後、自分のドメイン名を1つのapiにバインドしてプレイすることができる:
例えば、xaiであれば、プロキシのアドレスは次のように書かれる: https://url/xai