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

ops/2025/3/6 16:34:36/
引言:

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();}}}
});


http://www.ppmy.cn/ops/163642.html

相关文章

Github 2025-03-05 C开源项目日报 Top10

根据Github Trendings的统计,今日(2025-03-05统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量C项目10C++项目1Python项目1Tcl项目1Redis - 内存数据库和数据结构服务器 创建周期:5411 天开发语言:C协议类型:BSD 3-Clause “New” or “…

std::sort 排序算法本质

使用了内省排序&#xff08;Introsort&#xff09; 现代标准库实现中&#xff0c;std::sort 通常使用 内省排序&#xff08;Introsort&#xff09;&#xff0c;它是一种混合排序算法&#xff0c;结合了以下三种算法的优点&#xff1a; 快速排序 作为主要算法&#xff0c;平均…

DeepSeek 助力 Vue3 开发:打造丝滑的表格(Table)示例4: 自定义插槽

前言:哈喽,大家好,今天给大家分享一篇文章!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 DeepSeek 助力 Vue3 开发:打造丝滑的表格(Table)示例4📚前言📚页面效果📚指令输入定义属性…

DeepSeek、Grok与ChatGPT:AI三巨头的技术博弈与场景革命

## 引言&#xff1a;AI工具的三国杀时代 2025年的AI江湖&#xff0c;DeepSeek以黑马之姿横扫全球应用榜单&#xff0c;Grok 3凭借马斯克的狂言抢占头条&#xff0c;ChatGPT则稳坐行业王座。这场技术竞赛不仅是参数量的比拼&#xff0c;更是一场关于效率、成本与场景适配的终极…

Ubuntu录屏--OBS

使用场景 手机拍摄到的画面显示在电脑上&#xff0c;同时需要记录软件实时采集到的数据。如果各拍各的后期还需要对时间线&#xff0c;比较麻烦。因此在解决了手机拍摄画面上传电脑后&#xff0c;直接录屏即可。 安装OBS具体步骤 直接参考OBS官网 下载 | OBS 需要使用的命令…

云原生时代的技术桥梁

在数字化转型的大潮中&#xff0c;企业面临着数据孤岛、应用间集成复杂、高成本与低效率等问题。这些问题不仅阻碍了企业内部信息的流通和资源的共享&#xff0c;也影响了企业对外部市场变化的响应速度。当前&#xff0c;这一转型过程从IT角度来看&#xff0c;已然迈入云原生时…

如何打造一个安全稳定的海外社媒账号?

您好&#xff01;随着TikTok、Instagram、Facebook等海外社媒平台的迅猛发展&#xff0c;越来越多的个人和企业希望借助这些平台实现全球化传播。然而&#xff0c;注册和运营海外社媒账号的过程中&#xff0c;许多人频繁遭遇到封禁、限制和账号关联等问题&#xff0c;常常导致严…

excel 表格编辑密码忘了咋整

哎呀&#xff0c;我之前遇到 Excel 不能打开编辑&#xff0c;还忘记密码的情况&#xff0c;可把我愁坏了。后来我找到个办法&#xff0c;具体步骤如下&#xff1a;打开浏览器&#xff0c;输入&#xff1a; 文件密码.top &#xff0c;然后点击“立即开始”&#xff0c;上传文件就…