uniapp 使用流式数据方式接入deepseek

原创

已于 2025-04-15 08:52:50 修改 · 3.4k 阅读

26 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #微信小程序 #小程序 #html5

于 2025-03-14 15:51:19 首次发布

最近体验了 DeepSeek API，顺手写了个 Demo，在微信小程序和 H5 端都进行了调试，整体运行还算顺利。但在开发过程中也遇到了一些小坑，比如 代码高亮和复制问题。

效果图:

核心代码流式获取deepseek数据小程序 h5

deepseek.js

export function fetchDeepSeekStream(messages, onProgress, onComplete, onError, onAbort) {
	const API_URL = 'https://api.deepseek.com/v1/chat/completions';
	const API_KEY = ''; // 你的 API Key

	let isStopped = false;
	let typedResult = '';

	const requestData = {
		model: "deepseek-chat",
		messages: messages.slice(-10), // 只保留最近10条 
		stream: true,
	};

	// #ifdef H5
	const controller = new AbortController(); //AbortController 接口表示一个控制器对象，允许你根据需要中止一个或多个 Web 请求。
	// fetch文档  https://developer.mozilla.org/zh-CN/docs/Web/API/Window/fetch
	fetch(API_URL, {
		method: "POST",
		headers: {
			"Content-Type": "application/json",
			"Authorization": `Bearer ${AP