96SEO 2026-05-24 14:52 3
在当前人工智Neng领域,特别是大型语言模型的快速发展中,提示词强化技术扮演着至关重要的角色。其中,JSON 流式是实现高效、动态交互的关键技术之一。本文将深入探讨 JSON 流式的前后端原理,并结合 BFF 示例,帮助开发者理解和应用这一技术。

JSON 流式是指将 LLM 的输出结果以流的形式发送给客户端,而不是一次性返回完整的 JSON 数据。这种方式Ke以显著提高响应速度,尤其是在处理复杂任务时。
传统的 API 调用通常会等待整个响应完成才Neng继续执行后续操作。而 JSON 流式则允许客户端逐步接收和解析 LLM 的输出,从而实现geng流畅的用户体验。
二、JSON 流式的核心概念 1. Delta 文本与语义拼接流式传递的是“正在生长的文本”,而不是单个完整的业务 JSON 对象。这些文本片段被称为“delta 文本”。这些 delta 文本Zui终会通过一系列的拼接过程形成一个语义上完整的业务 JSON。 「流式」 流的是 delta 文本;业务 JSON 是这些文本拼接后的语义。
2. BFF 的作用BFF 在这里指:**浏览器只访问你自己的同源或可信域上的一个小服务**;由该服务:
// 例如:处理前端请求、转换数据格式、进行必要的验证等BFF 作为中间层,负责协调前端和后端之间的通信,并提供geng友好的 API 给前端使用。
三、前后端工作原理 1. 前端
使用 `fetch` 或 `XMLHttpRequest` 等方式向后端发送请求,请求中包含 `stream: true` 参数。
接收后端返回的响应体,响应体通常包含一个 `data` 对象,该对象包含多个 `delta` 对象。
循环解析每个 `delta` 对象中的内容,并将其添加到本地的聚合结果中。
根据聚合结果geng新 UI 或执行其他操作。
前端不需要、也不应该保存 Moonshot Key;只需填 **BFF 根地址**。 2. 后端
接收客户端的请求,并调用 LLM 进行推理。
将 LLM 的输出结果以流的形式发送给客户端。
典型的三步:
LLM 生成一个阶段性的输出。
将 delta 发送给客户端。
当 delta 的内容足够完整时将其拼接成完整的 JSON 对象并返回给客户端。或者继续分阶段返回delta)。
四、BFF 实现细节 1. BFF 的职责
接收来自前端的请求, 包括请求头。
调用 LLM API 进行推理, 并处理可Neng出现的错误或异常情况.
将 LLM 的输出结果转换成适合前端使用的格式. 这包括数据格式转换和数据清洗等工作.
对 LLM 输出的结果进行适当的过滤或修改, 以满足前端的需求.例如增加对key的管理和控制权限等等.
2. 本仓库代码结构概述// server.js 文件主要负责以下功Neng:...本仓库的 `server.js` 即扮演这一角色:见下一节。
五、代码示例与实践 1. HTTP 请求示例POST https://your-bff-url/v1/chat/completionsContent-Type: application/json{ "model": "gpt-3.5-turbo", "messages": , "stream": true }const https = require; // 或者 require Ru果需要跨域支持 const fs = require; const url = 'https://your_api_endpoint'; const key = 'YOUR_API_KEY'; const requestOptions = { method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${key}` }, body: JSON.stringify }); const response = https.request => { res.on => { let text = ''; res.on; return text }); res.on => console.log); }); requestOptions = => { requestOptions; }; .
2. SSE 实现说明 data: {"id":"...","choices":,...}data: {"id":"...","choices":,...}...data: .
3 .故事页 与 例句页的区别
故事页 **不涉及** TTS ,因此只需 Moonshot 这一条 BFF路径即可 。
仅靠「一个 JSON 被慢慢生成」,无法保证键顺序与字段边界;例句页的正则增量是 **特例优化** 。geng通用的工程选项包括: ...
六、常见问题与注意事项 1\. 理解 “整对象流式打印” 的特性**体验特点**: 结构化 UI 往往在 JSON 尾部括号、引号补全 前后才第一次稳定geng新;这是「整对象流式打印」的常态,不是 bug。
. 2\. 解析过程中需要考虑语法完整性**JSON.parse 要求语法完整**:中间态如 {"stor 、未闭合的引号、缺 ] 等dou会失败——因此「每来一个 delta 就 parse 整段业务 JSON」在实现上是 **反复尝试直到某一刻刚好合法** ,而不是「每个包必成功」。
亲子例句页在句末小喇叭里会调 TTS
浏览器请求: ... ...
故事页只在整段Neng JSON.parse 时geng新列表
例句页希望 geng早 kan到句子,因此在 tryParseModelJson 仍失败 时增加一步: ... ...
extractPairsFromPartialBuffer 函数的作用
用正则匹配Yi经 成对闭合 的 "english": "..." , "chinese": "..." 。 这依赖模型 按 english → chinese 顺序 输出 ;这不是通用 JSON 流式解析器,而是针对本结构的启发式增量展示。
JSON 流式作为一种先进的技术手段, Ke以极大地提升 LLM 应用的用户体验和开发效率。通过理解其核心概念和前后端工作原理, 并结合实际项目进行实践,开发者Ke以geng好地利用这项技术构建geng加智Neng、流畅的应用系统。
",")};
作为专业的SEO优化服务提供商,我们致力于通过科学、系统的搜索引擎优化策略,帮助企业在百度、Google等搜索引擎中获得更高的排名和流量。我们的服务涵盖网站结构优化、内容优化、技术SEO和链接建设等多个维度。
| 服务项目 | 基础套餐 | 标准套餐 | 高级定制 |
|---|---|---|---|
| 关键词优化数量 | 10-20个核心词 | 30-50个核心词+长尾词 | 80-150个全方位覆盖 |
| 内容优化 | 基础页面优化 | 全站内容优化+每月5篇原创 | 个性化内容策略+每月15篇原创 |
| 技术SEO | 基本技术检查 | 全面技术优化+移动适配 | 深度技术重构+性能优化 |
| 外链建设 | 每月5-10条 | 每月20-30条高质量外链 | 每月50+条多渠道外链 |
| 数据报告 | 月度基础报告 | 双周详细报告+分析 | 每周深度报告+策略调整 |
| 效果保障 | 3-6个月见效 | 2-4个月见效 | 1-3个月快速见效 |
我们的SEO优化服务遵循科学严谨的流程,确保每一步都基于数据分析和行业最佳实践:
全面检测网站技术问题、内容质量、竞争对手情况,制定个性化优化方案。
基于用户搜索意图和商业目标,制定全面的关键词矩阵和布局策略。
解决网站技术问题,优化网站结构,提升页面速度和移动端体验。
创作高质量原创内容,优化现有页面,建立内容更新机制。
获取高质量外部链接,建立品牌在线影响力,提升网站权威度。
持续监控排名、流量和转化数据,根据效果调整优化策略。
基于我们服务的客户数据统计,平均优化效果如下:
我们坚信,真正的SEO优化不仅仅是追求排名,而是通过提供优质内容、优化用户体验、建立网站权威,最终实现可持续的业务增长。我们的目标是与客户建立长期合作关系,共同成长。
Demand feedback