微信小程序接入DeepSeek模型(火山方舟),并在视图中流式输出

引言:

DeepSeek,作为一款先进的自然语言处理模型,以其强大的文本理解和生成能力著称。它能够处理复杂的文本信息,进行深度推理,并快速给出准确的回应。DeepSeek模型支持流式处理,这意味着它可以边计算边输出,而不必等待整个生成过程结束后再输出结果,大大缩短了用户的等待时间。通过流式输出,DeepSeek模型可以在处理过程中实时地将结果发送给小程序,小程序前端则能够立即接收到这些数据,并在视图中动态展示出来。这样,用户就可以边等待边看到已经接收到的结果,大大提升了用户体验。

本文中的DeepSeek模型为火山方舟(字节跳动火山引擎)中的DeepSeek大模型,当前可以免费使用。

一、注册火山引擎账号,创建API Key和model(接入点ID)

请参考之前的文章:微信小程序调用火山方舟(字节跳动火山引擎)中的DeepSeek大模型

二、小程序调用API,并流式输出

const requestTask=wx.request({
	method: 'POST',
	url: 'https://ark.cn-beijing.volces.com/api/v3/chat/completions',
	header: {
		'Content-Type': 'application/json', 
		'Authorization': 'Bearer API Key'  //Authorization值为"Bearer API Key"
	},
	data: {
		"model": "xxx",	//model值为接入点ID(model)
		"messages": [{
			"role": "user",
			"content": "你是DeepSeek模型吗?",
		}],
        stream: true,   //是否以流的形式输出生成的内容
	},
    enableChunked: true    //开启transfer-encoding chunked
});

requestTask.onChunkReceived(res => {
    //在微信开发者工具和真机上接收到的对象格式是不同的,以下代码是针对不同格式进行解码处理
	let type=Object.prototype.toString.call(res.data);
	let text;
	if(type ==="[object Uint8Array]")
		text=decodeURIComponent(escape(String.fromCharCode(...res.data)))
	if(type ==="[object ArrayBuffer]"){
		let uint8Array = new Uint8Array(res.data);
		text=decodeURIComponent(escape(String.fromCharCode(...uint8Array)))
	}
    //将解码后的文本分割成字符串数组,数组中的每个元素就是即时接收到的流式文本
	let list = text.split('\n');
	for (var i = 0; i < list.length; i++) {
		if (list[i]) {
			if (list[i].trim().search(/^data.*\}$/) > -1) {    //过滤掉空行和其他不规则数据行
				let delta = JSON.parse(list[i].substring(6)).choices[0].delta;
                //如果开启了"深度思考",返回的对象中delta.reasoning_content为深度思考内容,
                //delta.content为主体应答内容
				let content = delta.reasoning_content ? delta.reasoning_content : delta.content;
				console.log(content);
			}
			if (list[i] == 'data: [DONE]') {
				requestTask.abort();
			}
		}
	}
});
相关推荐
Java潘老师7 小时前
DeepSeek 全套资料pdf合集免费下载(持续更新)
deepseek
java1234_小锋10 小时前
[免费]微信小程序(校园)二手交易系统(uni-app+SpringBoot后端+Vue管理端)【论文+源码+SQL脚本】
spring boot·微信小程序·uni-app·java毕业设计·二手交易·微信小程序二手交易
星尘库10 小时前
基于SpringBoot的失物招领平台的设计与实现
vue.js·spring boot·后端·小程序
gurenchang13 小时前
微信小程序点击按钮,将图片下载到本地
微信小程序·小程序
橘猫云计算机设计14 小时前
基于微信小程序的疫情互助平台(源码+lw+部署文档+讲解),源码可白嫖!
java·大数据·开发语言·spring boot·微信小程序·小程序·汽车
千里码aicood14 小时前
[含文档+PPT+源码等]精品基于Python实现的微信小程序的在线医疗咨询系统
微信小程序·小程序
shelly聊AI15 小时前
【硬核拆解】DeepSeek开源周五连击:中国AI底层技术的“破壁之战”
人工智能·深度学习·开源·deepseek
歌刎15 小时前
从 Transformer 到 DeepSeek-R1:大型语言模型的变革之路与前沿突破
人工智能·深度学习·语言模型·aigc·transformer·deepseek
V+zmm1013418 小时前
美食推荐系统的微信小程序+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计