通过 AIDAP 提供的访问大模型的能力（AI\-Gateway），开发者可以灵活地在前端或后端调用 AI 模型。本文档整理了三种核心访问场景的示例代码，涵盖主流的 JavaScript 和 Python SDK。 ## 场景一：基于 Supabase Auth 的 access_token 从前端访问适用于纯前端应用或 Agent，前端代码可以使用火山 Supabase Auth 为登录用户颁发的 access_token，直接通过浏览器访问 AI 模型。 ### 1.1 基于 OpenAI JavaScript SDK ```JavaScript import { createClient } from '@supabase/supabase-js' import OpenAI from 'openai'; const supabaseUrl = 'https://br-xxx.supabase.aidap.cn-beijing.volces.com'; // 火山Supabase地址 const supabaseAnonKey = 'your-supabase-anon-key'; // 火山Supabase的anon_key // 构造 Supabase Client const supabase = createClient( supabaseUrl, supabaseAnonKey ) // 通过火山Supabase AI-Gateway 访问大模型 async function chatWithAI() { // 获取已登录的APP用户的suapbase session const { data: { session } } = await supabase.auth.getSession(); // 构造 OpenAI Client const openai = new OpenAI({ baseURL: supabaseUrl + "/v1", // 基于火山Supabase地址构造得到baseURL apiKey: session.access_token, // 将火山Supabase Auth颁发的access_token作为apiKey dangerouslyAllowBrowser: true }); // 通过 OpenAI Client 与任意模型进行对话 const stream = await openai.chat.completions.create({ model: 'bytedance/doubao-seed-2.0-pro', // 指定火山Supabase支持的模型 messages: [{ role: 'user', content: '你好' }], stream: true, }); for await (const chunk of stream) { const content = chunk.choices[0]?.delta?.content || ""; process.stdout.write(content); } } chatWithAI(); // 照常使用Supabase的其他BaaS功能 async function getTodos() { const { data, error } = await supabase .from('todos') .select('*'); if (error) console.error(error); else console.log('Todos:', data); } getTodos(); ``` ### 1.2 基于 Vercel JavaScript SDK ```JavaScript import { createClient } from '@supabase/supabase-js' import { createOpenAICompatible, generateText } from "ai"; const supabaseUrl = 'https://br-xxx.supabase.aidap.cn-beijing.volces.com'; // 火山Supabase地址 const supabaseAnonKey = 'your-supabase-anon-key'; // 火山Supabase的anon_key // 构造 Supabase Client const supabase = createClient( supabaseUrl, supabaseAnonKey ) // 通过火山Supabase AI-Gateway访问大模型 async function chatWithAI() { // 获取已登录的APP用户的suapbase session const { data: { session } } = await supabase.auth.getSession(); // 构造 Vercel AI Client const gateway = createOpenAICompatible({ baseURL: supabaseUrl + "/v1", // 基于火山Supabase地址构造得到baseURL apiKey: session.access_token, // 将火山Supabase Auth颁发的access_token作为apiKey name: "supabase-ai-gateway", // 任意名称 }); // 通过 Vercel AI Client 与任意模型进行对话 const result = streamText({ model: gateway('bytedance/doubao-seed-2.0-pro'), // 指定火山Supabase支持的模型 prompt: '你好', }); // 流式输出 for await (const chunk of result.textStream) { process.stdout.write(chunk); } } chatWithAI(); // 照常使用Supabase的其他BaaS功能 async function getTodos() { const { data, error } = await supabase .from('todos') .select('*'); if (error) console.error(error); else console.log('Todos:', data); } getTodos(); ``` --- ## 场景二：基于 Third\-Party Auth 的 JWT 从前端访问参考[设置 Third-Party 登录](https://www.volcengine.com/docs/87275/2482138)，您可以配置受信任的第三方 Auth 系统或[自定义 JWKS](https://www.volcengine.com/docs/87275/2482138?lang=zh#twbH5srd)。您的前端代码可以使用受信任的第三方系统颁发为用户颁发的 JWT Token、从浏览器经过火山 Supabase AI\-Gateway 访问 AI 模型。 ### 2.1 基于 OpenAI JavaScript SDK ```JavaScript import { createClient } from '@supabase/supabase-js' import OpenAI from 'openai'; const supabaseUrl = 'https://br-xxx.supabase.aidap.cn-beijing.volces.com'; // 火山Supabase地址 const supabaseAnonKey = 'your-supabase-anon-key'; // 火山Supabase的anon_key // 构造 Supabase Client const supabase = createClient( supabaseUrl, supabaseAnonKey ) // 通过火山Supabase AI-Gateway 访问大模型 async function chatWithAI() { // 获取已登录的APP用户的suapbase session const { data: { session } } = await supabase.auth.getSession(); // 构造 OpenAI Client const openai = new OpenAI({ baseURL: supabaseUrl + "/v1", // 基于火山Supabase地址构造得到baseURL apiKey: getUserThirdPartyJwtToken(), // 获取由受信任的第三方系统颁发的 JWT Token dangerouslyAllowBrowser: true }); // 通过 OpenAI Client 与任意模型进行对话 const stream = await openai.chat.completions.create({ model: 'bytedance/doubao-seed-2.0-pro', // 指定火山Supabase支持的模型 messages: [{ role: 'user', content: '你好' }], stream: true, }); for await (const chunk of stream) { const content = chunk.choices[0]?.delta?.content || ""; process.stdout.write(content); } } chatWithAI(); // 照常使用Supabase的其他BaaS功能 async function getTodos() { const { data, error } = await supabase .from('todos') .select('*'); if (error) console.error(error); else console.log('Todos:', data); } getTodos(); ``` ### 2.2 基于 Vercel JavaScript SDK ```JavaScript import { createClient } from '@supabase/supabase-js' import { createOpenAICompatible, generateText } from "ai"; const supabaseUrl = 'https://br-xxx.supabase.aidap.cn-beijing.volces.com'; // 火山Supabase地址 const supabaseAnonKey = 'your-supabase-anon-key'; // 火山Supabase的anon_key // 构造 Supabase Client const supabase = createClient( supabaseUrl, supabaseAnonKey ) // 通过火山Supabase AI-Gateway 访问大模型 async function chatWithAI() { // 获取已登录的APP用户的suapbase session const { data: { session } } = await supabase.auth.getSession(); // 构造 Vercel AI Client const gateway = createOpenAICompatible({ baseURL: supabaseUrl + "/v1", // 基于火山Supabase地址构造得到baseURL apiKey: getUserThirdPartyJwtToken(), // 获取由受信任的第三方系统颁发的 JWT Token name: "supabase-ai-gateway", // 任意名称 }); // 通过 Vercel AI Client 与任意模型进行对话 const result = streamText({ model: gateway('bytedance/doubao-seed-2.0-pro'), // 指定火山Supabase支持的模型 prompt: '你好', }); // 流式输出 for await (const chunk of result.textStream) { process.stdout.write(chunk); } } chatWithAI(); // 照常使用Supabase的其他BaaS功能 async function getTodos() { const { data, error } = await supabase .from('todos') .select('*'); if (error) console.error(error); else console.log('Todos:', data); } getTodos(); ``` ## 场景三：基于 service_role_key 从后端访问您的后端代码可以使用火山 Supabase 的 service_role_key 、从后端经过 Supabase AI\-Gateway 访问 AI 模型。

注意

请妥善保管您的service_role_key，切勿在前端代码中暴露，以防权限被滥用。

### 3.1 基于 OpenAI Python SDK ```Python import os from openai import OpenAI supabase_url = 'https://br-xxx.supabase.aidap.cn-beijing.volces.com' # 火山Supabase地址 supabase_service_role_key = os.environ.get('SERVICE_ROLE_KEY') # 火山Supabase的service_role_key # 构造 OpenAI Client openai_client = OpenAI( base_url=supabase_url+"/v1", # 基于火山Supabase地址构造得到baseURL api_key=supabase_service_role_key # 将火山Supabase Auth颁发的access_token作为apiKey ) # 通过 OpenAI Client 与任意模型进行对话 response = openai_client.chat.completions.create( model="bytedance/doubao-seed-2.0-pro", # 指定火山Supabase支持的模型 messages=[ { "role": "user", "content": "你好，请简单介绍一下自己" } ] ) # 打印大模型的响应 print("response：", response.choices[0].message.content) ``` ### 3.2 基于 Vercel Python SDK ```Python import asyncio from vercel_ai import generate_text, stream_text from vercel_ai.providers import openai_compatible supabase_url = 'https://br-xxx.supabase.aidap.cn-beijing.volces.com' # 火山Supabase地址 supabase_service_role_key = os.environ.get('SERVICE_ROLE_KEY') # 火山Supabase的service_role_key # 构造 Vercel AI Client gateway = openai_compatible({ "baseURL": supabase_url+"/v1", # 基于火山Supabase地址构造得到baseURL "apiKey": supabase_service_role_key, # 将火山Supabase Auth颁发的access_token作为apiKey }) async def chart_with_ai(): # 通过 Vercel AI Client 与任意模型进行对话 stream = stream_text( model=gateway("bytedance/doubao-seed-2.0-pro"), # 指定火山Supabase支持的模型 prompt="写一个Python异步爬虫示例", ) print("流式输出: ") async for chunk in stream.text_stream: print(chunk, end="") ``` #

AI 原生 BaaS 平台 Supabase 版