OpenAI与Gemini双引擎加持：Angular-Node-Java-AI的LLM服务集成技巧

樊元隽

807人浏览 · 2026-06-09 07:40:18

樊元隽 · 2026-06-09 07:40:18 发布

OpenAI与Gemini双引擎加持：Angular-Node-Java-AI的LLM服务集成技巧

【免费下载链接】angular-node-java-ai Angular 20 Starter with Node.js, Spring Boot, and AI (LLM, Voice, Podcast). 项目地址: https://gitcode.com/gh_mirrors/ang/angular-node-java-ai

Angular-Node-Java-AI是一个集成了Angular 20、Node.js、Spring Boot和AI功能（LLM、语音、播客）的全栈开发框架。本文将分享如何在该项目中集成OpenAI与Gemini双LLM引擎，帮助开发者快速构建智能应用。

项目结构概览

该项目采用模块化设计，AI相关功能主要集中在以下目录：

LLM核心服务：frontend-angular-ai/llm-connector/
语音生成模块：frontend-angular-ai/voice-generator/
播客构建工具：frontend-angular-ai/podcast-builder/
RAG知识库：frontend-angular-ai/rag-generator/

图1：Angular-Node-Java-AI项目架构示意图

双引擎配置步骤

1. 环境准备

首先克隆项目仓库：

git clone https://gitcode.com/gh_mirrors/ang/angular-node-java-ai

2. API密钥配置

在项目中找到AI服务配置文件：frontend-angular-ai/avatar-animator/backend-javascript/src/config/ai-services.js，添加API密钥：

// 配置OpenAI和Gemini API密钥
const AI_SERVICES = {
  openai: {
    apiKey: process.env.OPENAI_API_KEY,
    model: 'gpt-4'
  },
  gemini: {
    apiKey: process.env.GEMINI_API_KEY,
    model: 'gemini-pro'
  }
};

3. 服务实现

项目已提供LLM服务实现，位于：

OpenAI服务：frontend-angular-ai/avatar-animator/backend-javascript/src/services/llm/chatgpt.service.js
Gemini服务：frontend-angular-ai/llm-connector/backend-javascript/src/services/gemini.service.js

图2：LLM服务集成示例界面

实际应用场景

1. 智能对话功能

通过frontend-angular-ai/llm-connector/frontend-angular/src/app/ai-service.ts可以实现双引擎对话切换：

// 切换LLM引擎示例
switchLLMEngine(engine: 'openai' | 'gemini') {
  this.currentEngine = engine;
  this.messages = []; // 清空对话历史
}

2. 语音生成应用

利用frontend-angular-ai/voice-generator/backend-javascript/src/services/voice.service.js可以将文本转换为语音：

// 生成语音示例
async generateVoice(text, engine) {
  const llmService = engine === 'openai' ? this.openaiService : this.geminiService;
  const response = await llmService.generateSpeech(text);
  return response.audioUrl;
}

3. 播客自动生成

frontend-angular-ai/podcast-builder/backend-javascript/src/services/podcast.service.js提供了完整的播客生成流程，支持多引擎内容创作。

最佳实践

引擎选择策略：根据任务类型自动选择合适的引擎，例如代码生成使用GPT-4，创意写作使用Gemini
错误处理：实现引擎故障自动切换机制，确保服务稳定性
资源优化：使用frontend-angular-ai/rag-generator/backend-javascript/src/services/embedding.service.js进行向量存储，提高问答效率

图3：多LLM引擎协作流程