国内はOPENAI APIに直接接続することができませんでしたが、最近のxai apiも国内への直接アクセスをサポートしていませんが、あなたはvercelプロキシを介して使用し続けることができ、コードは次のとおりです：
まず、倉庫を作成し（プライベート倉庫の新規作成を推奨）、新しいファイル名：vercel.jsonを作成する。
編集して保存する：
{
"routes": [
{
"src": "/",
"dest": "/index.html"
},
{
"src": "/gemini/v1/(.*)",
"dest": "https://generativelanguage.googleapis.com/v1/$1"
},
{
"src": "/gemini/v1beta/(.*)",
"dest": "https://generativelanguage.googleapis.com/v1beta/$1"
},
{
"src": "/openai/v1/(.*)",
"dest": "https://api.openai.com/v1/$1"
},
{
"src": "/groq/openai/v1/(.*)",
"dest": "https://api.groq.com/openai/v1/$1"
},
{
"src": "/claude/v1/(.*)",
"dest": "https://api.anthropic.com/v1/$1"
},
{
"src": "/cohere/v1/(.*)",
"dest": "https://api.cohere.ai/v1/$1"
},
{
"src": "/xai/v1/(.*)",
"dest": "https://api.x.ai/v1/$1"
}
],
"regions": [
"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 Access文档</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;
cursor: pointer;
margin-top: 10px;
}
button:hover {
background-color: #0056b3;
}
#articlesummary {
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
padding: 16px;
margin-top: 16px;
background-color: #fff;
}
#summarycontent {
margin-top: 10px;
}
</style>
</head>
<body>
<div class="container">
<h1>api access<br>
API帮助文档</h1>
<div class="api-info">
<h2>API Access Support</h2>
<p>openai</p>
<p>gemini</p>
<p>groq</p>
<p>claude</p>
<p>cohere</p>
<p>xai</p>
</div>
<div class="api-info">
<h2>API Endpoint</h2>
<div class="code-block">
<pre>host/theapi</pre>
<pre>EXP：https://url/xai</pre>
</div>
</div>
</div>
</body>
</html>
その後、vercel.comにアクセスし、このリポジトリをインポートすれば、何の設定も必要なく、直接デプロイすることができ、デプロイ完了後、自分のドメイン名を1つのapiにバインドしてプレイすることができる：
例えば、xaiであれば、プロキシのアドレスは次のように書かれる： https://url/xai
日本語 
简体中文 
English 
Deutsch 
Português do Brasil