迷新白的博客 迷新白的博客
首页
随笔
  • Vuepress
  • Springboot
  • 开发工具
  • 系统工具
读吧
  • 智能浇花系统 (opens new window)
  • 用户中心系统 (opens new window)
  • 关于
  • 友情链接
GitHub (opens new window)

迷新白

愿你平安
首页
随笔
  • Vuepress
  • Springboot
  • 开发工具
  • 系统工具
读吧
  • 智能浇花系统 (opens new window)
  • 用户中心系统 (opens new window)
  • 关于
  • 友情链接
GitHub (opens new window)
  • 用户中心系统

  • 仿Deepseek官网AI聊天网站

    • 需求分析
    • 首页&聊天页开发
    • 接入deepseek
      • 模型接入
      • route路由-后端API处理
    • 数据库搭建
    • 首页完善(前端)
    • 登陆系统-clerk
    • 首页完善(后端)
    • 保留上下文对话
    • 第一次对话完善
  • 尤克里里音月-Flutter(需求分析阶段)

  • 项目
  • 仿Deepseek官网AI聊天网站
迷新白
2025-04-25
目录

接入deepseek

# 03.接入deepseek

通过阿里云百炼,接入我们需要的ai大模型

# 模型接入

阿里云百炼 (opens new window)

进行注册登录

image-20250425200300460阿里云百炼为注册用户提供了免费的额度

来到API参考,点开创建我的API keyimage-20250425200447191

确认开通

image-20250425200520820选择更多模型,选择Deepseek V3image-20250425200608520image-20250425200641912

输入API-KEY的名称

image-20250425200717227

创建成功后复制对应的API-KEY,记录下来image-20250425200802725

回到控制台,记录下baseurlimage-20250425201005886

回到项目中,在根目录创建.env文件,将刚才复制的API-KEY和BASE_URL填写在.env中

DEEPSEEK_API_KEY="刚才复制的API-KEY"
BASE_URL="https://dashscope.aliyuncs.com/compatible-mode/v1"
1
2

# route路由-后端API处理

在 Next.js 中,使用app 目录中的路由处理程序 (Route Handlers) 来处理 API 请求。

创建app/api/chat/route.ts文件

在本项目中route.ts 是为 /api/chat 这个路径提供路由处理程序的文件。

在AI SDK UI: Chatbot (opens new window) 官网文档中复制app/api/chat/route.ts的代码image-20250425201532261

官方文档的例子是用的openai,我们改成deepseek

import {createDeepSeek} from "@ai-sdk/deepseek";
1

增加调用deepseek的路径

const deepseek = createDeepSeek({
    apiKey: process.env.DEEPSEEK_API_KEY,
    baseURL: process.env.BASE_URL
})
1
2
3
4

image-20250425201818463

完整代码:

// 后端API
/**
 * 将消息传给deepseek,得到result进行流式输出到message
 */
import { streamText } from 'ai';
import {createDeepSeek} from "@ai-sdk/deepseek";

// Allow streaming responses up to 30 seconds
export const maxDuration = 30;

const deepseek = createDeepSeek({
    apiKey: process.env.DEEPSEEK_API_KEY,
    baseURL: process.env.BASE_URL
})

export async function POST(req: Request) {
    const { messages } = await req.json();

    const result = streamText({
        model: deepseek('deepseek-v3'),
        system: 'You are a helpful assistant.',
        messages,
    });

    return result.toDataStreamResponse();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

回到页面进行测试

image-20250425201858718

这样就接入成功了

文字写于:广东

更新时间: 2025/4/25 20:22:48
首页&聊天页开发
数据库搭建

← 首页&聊天页开发 数据库搭建→

最近更新
01
第一次对话完善
04-27
02
保留上下文对话
04-27
03
首页完善(后端)
04-27
更多文章>
Theme by Vdoing | Copyright © 2022-2025 迷新白 | 的博客
sitemap icon by Icons8
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式