WebContainers 实验小节

这是一个独立的实验页，用于开发和验证可运行代码环境。你可以直接复制代码，也可以点击按钮打开右侧 Playground。

安装依赖


npm install

`src/config.js`

src/config.js

export function loadConfig() {
  const apiKey = process.env.OPENAI_API_KEY?.trim() ?? '';
 
  return {
    baseUrl: process.env.OPENAI_BASE_URL?.trim() || 'https://api.openai.com/v1',
    apiKey,
    model: process.env.OPENAI_MODEL?.trim() || 'gpt-4.1-mini',
    useMock: apiKey.length === 0
  };
}

`src/main.js`

src/main.js

import { loadConfig } from './config.js';
import { OpenAiChatClient } from './openai-chat-client.js';
 
async function main() {
  const prompt = '请介绍一下 Agent 是什么';
  const config = loadConfig();
  const client = new OpenAiChatClient(config);
  const reply = await client.chat(prompt);
 
  console.log(`User: ${prompt}`);
  console.log(`Assistant: ${reply}`);
}

运行 Demo


npm run chat