feat(vertex): 集成 Vertex AI Express API 支持

本次更新引入了对 Google Vertex AI Express API 的支持，允许用户配置和使用 Vertex AI 模型。主要变更包括：后端： - 新增 `VERTEX_API_KEYS` 和 `VERTEX_EXPRESS_BASE_URL` 至系统配置 ([`.env.example`](.env.example:13), [`app/config/config.py:62`](app/config/config.py:62), [`app/database/models.py`](app/database/models.py), [`app/database/services.py`](app/database/services.py))。 - 实现 `VertexExpressChatService` ([`app/service/chat/vertex_express_chat_service.py`](app/service/chat/vertex_express_chat_service.py)) 用于处理与 Vertex AI Express API 的交互。 - 添加 `vertex_express_routes` ([`app/router/vertex_express_routes.py`](app/router/vertex_express_routes.py)) 来暴露 Vertex AI 相关的 API 端点，并集成到主应用 ([`app/core/application.py:36`](app/core/application.py:36), [`app/router/routes.py:15`](app/router/routes.py:15))。 - 更新密钥管理器 ([`app/service/key/key_manager.py`](app/service/key/key_manager.py)) 以支持 Vertex API 密钥的获取、检查和轮换。前端 (配置编辑器): - 在配置页面 ([`app/templates/config_editor.html:463`](app/templates/config_editor.html:463)) 添加了 Vertex API 密钥列表和 Vertex Express API 基础 URL 的表单字段。 - 实现了批量添加和删除 Vertex API 密钥的功能，包括相应的模态框和操作逻辑 ([`app/static/js/config_editor.js:550`](app/static/js/config_editor.js:550), [`app/static/js/config_editor.js:1097`](app/static/js/config_editor.js:1097), [`app/templates/config_editor.html:1657`](app/templates/config_editor.html:1657))。 - 确保新的配置项在初始化 ([`app/static/js/config_editor.js:598`](app/static/js/config_editor.js:598)) 和表单填充 ([`app/static/js/config_editor.js:671`](app/static/js/config_editor.js:671)) 时得到正确处理。 - 更新了数组项添加逻辑以识别 `VERTEX_API_KEYS` 为敏感字段 ([`app/static/js/config_editor.js:1235`](app/static/js/config_editor.js:1235))。此功能扩展了应用支持的 AI 服务范围，为用户提供了更多模型选择。
2026-09-05 15:36:45 +08:00 · 2025-05-17 00:13:49 +08:00
parent e260ad02bf
commit 6aab140ec2
19 changed files with 1040 additions and 77 deletions
@@ -456,7 +456,51 @@ endblock %} {% block head_extra_styles %}
          />
          <small class="text-gray-500 mt-1 block">Gemini API的基础URL</small>
        </div>
-
+ 
+        <!-- Vertex API密钥列表 -->
+        <div class="mb-6">
+          <label for="VERTEX_API_KEYS" class="block font-semibold mb-2 text-gray-700"
+            >Vertex API密钥列表</label
+          >
+          <div class="array-container" id="VERTEX_API_KEYS_container">
+            <!-- 数组项将在这里动态添加 -->
+          </div>
+          <div class="flex justify-end gap-2">
+            <button
+              type="button"
+              class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg font-medium transition-all duration-200 flex items-center gap-2"
+              id="bulkDeleteVertexApiKeyBtn"
+            >
+              <i class="fas fa-trash-alt"></i> 删除Vertex密钥
+            </button>
+            <button
+              type="button"
+              class="bg-violet-600 hover:bg-violet-700 text-white px-4 py-2 rounded-lg font-medium transition-all duration-200 flex items-center gap-2"
+              id="addVertexApiKeyBtn"
+            >
+              <i class="fas fa-plus"></i> 添加Vertex密钥
+            </button>
+          </div>
+          <small class="text-gray-500 mt-1 block"
+            >Vertex AI Platform API密钥列表。点击按钮可批量添加或删除。</small
+          >
+        </div>
+ 
+        <!-- Vertex Express API基础URL -->
+        <div class="mb-6">
+          <label for="VERTEX_EXPRESS_BASE_URL" class="block font-semibold mb-2 text-gray-700"
+            >Vertex Express API基础URL</label
+          >
+          <input
+            type="text"
+            id="VERTEX_EXPRESS_BASE_URL"
+            name="VERTEX_EXPRESS_BASE_URL"
+            placeholder="https://aiplatform.googleapis.com/v1beta1/publishers/google/models"
+            class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-primary-500 focus:ring focus:ring-primary-200 focus:ring-opacity-50 form-input-themed"
+          />
+          <small class="text-gray-500 mt-1 block">Vertex Express API的基础URL</small>
+        </div>
+ 
        <!-- 最大失败次数 -->
        <div class="mb-6">
          <label
@@ -1610,7 +1654,105 @@ endblock %} {% block head_extra_styles %}
    </div>
  </div>
 </div>
-
+ 
+<!-- Vertex API Key Add Modal -->
+<div id="vertexApiKeyModal" class="modal">
+  <div
+    class="w-full max-w-lg mx-auto rounded-2xl shadow-2xl overflow-hidden animate-fade-in"
+    style="
+      background-color: rgba(70, 50, 150, 0.95);
+      color: #ffffff;
+      border: 1px solid rgba(120, 100, 200, 0.4);
+    "
+  >
+    <div class="p-6">
+      <div class="flex justify-between items-center mb-4">
+        <h2 class="text-xl font-bold text-gray-100">批量添加 Vertex API 密钥</h2>
+        <button
+          id="closeVertexApiKeyModalBtn"
+          class="text-gray-300 hover:text-gray-100 text-xl"
+        >
+          &times;
+        </button>
+      </div>
+      <p class="text-gray-300 mb-4">
+        每行粘贴一个或多个密钥，将自动提取有效密钥 (格式: AQ.开头，共53位) 并去重。
+      </p>
+      <textarea
+        id="vertexApiKeyBulkInput"
+        rows="10"
+        placeholder="在此处粘贴 Vertex API 密钥..."
+        class="w-full px-4 py-3 rounded-lg border font-mono text-sm form-input-themed"
+      ></textarea>
+      <div class="flex justify-end gap-3 mt-6">
+        <button
+          type="button"
+          id="confirmAddVertexApiKeyBtn"
+          class="bg-violet-600 hover:bg-violet-700 text-white px-6 py-2 rounded-lg font-medium transition"
+        >
+          确认添加
+        </button>
+        <button
+          type="button"
+          id="cancelAddVertexApiKeyBtn"
+          class="bg-gray-500 bg-opacity-50 hover:bg-opacity-70 text-gray-200 px-6 py-2 rounded-lg font-medium transition"
+        >
+          取消
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ 
+<!-- Bulk Delete Vertex API Key Modal -->
+<div id="bulkDeleteVertexApiKeyModal" class="modal">
+  <div
+    class="w-full max-w-lg mx-auto rounded-2xl shadow-2xl overflow-hidden animate-fade-in"
+    style="
+      background-color: rgba(70, 50, 150, 0.95);
+      color: #ffffff;
+      border: 1px solid rgba(120, 100, 200, 0.4);
+    "
+  >
+    <div class="p-6">
+      <div class="flex justify-between items-center mb-4">
+        <h2 class="text-xl font-bold text-gray-100">批量删除 Vertex API 密钥</h2>
+        <button
+          id="closeBulkDeleteVertexModalBtn"
+          class="text-gray-300 hover:text-gray-100 text-xl"
+        >
+          &times;
+        </button>
+      </div>
+      <p class="text-gray-300 mb-4">
+        每行粘贴一个或多个密钥，将自动提取有效密钥并从列表中删除。
+      </p>
+      <textarea
+        id="bulkDeleteVertexApiKeyInput"
+        rows="10"
+        placeholder="在此处粘贴要删除的 Vertex API 密钥..."
+        class="w-full px-4 py-3 rounded-lg border font-mono text-sm form-input-themed focus:border-red-500 focus:ring-red-500"
+      ></textarea>
+      <div class="flex justify-end gap-3 mt-6">
+        <button
+          type="button"
+          id="confirmBulkDeleteVertexApiKeyBtn"
+          class="bg-red-600 hover:bg-red-700 text-white px-6 py-2 rounded-lg font-medium transition"
+        >
+          确认删除
+        </button>
+        <button
+          type="button"
+          id="cancelBulkDeleteVertexApiKeyBtn"
+          class="bg-gray-500 bg-opacity-50 hover:bg-opacity-70 text-gray-200 px-6 py-2 rounded-lg font-medium transition"
+        >
+          取消
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ 
 <!-- Model Helper Modal -->
 <div id="modelHelperModal" class="modal">
  <div