当前位置: 首页 > article >正文

小程序引入deepseek

首先需要申请key: 地址

deepseek文档地址

使用wx.request获取数据

    const task = wx.request({url: 'https://api.deepseek.com/chat/completions',method: 'POST',responseType: 'text',headers: {'Content-Type': 'application/json','Authorization': 'Bearer YOUR_API_KEY'},dataType: 'text', // 或 'json'enableChunked: true,data: {messages: [{ role: 'user', 'content'}]},success: async function(res) {const systemInfo = Taro.getSystemInfoSync()// 兼容企微小程序不能使用onChunkReceived钩子的情况if (systemInfo.environment === 'wxwork') {if (res.data) {const infoList = res.data.match(/data:\s*(\{[^}]*\})/g)let data = ''Taro.hideLoading()for (let index = 0; index < infoList.length; index++) {await new Promise(resolve => setTimeout(resolve, 80))const jsonStr = infoList[index].replace(/^data:\s*/, '')data += JSON.parse(jsonStr).contentthat.setState({ deepSeekData: data })if (index === infoList.length - 1) {that.setState({disabled: false})}}}}}})let bl = truetask.onChunkReceived((chunk) => {const chunkText = SimpleTextDecoder(chunk.data); // 解码当前分块const regList = chunkText.match(/data:\s*(\{[^}]*\})/g)let deepSeekData = ''if (chunkText.indexOf('data: [DONE]') > -1) {request.post('admin/TransferStoreDeepseek', {transfer_store_id: this.state.transferInfo.id,deepseek: this.state.deepSeekData})this.setState({disabled: false})} else {if (!regList) returnregList.forEach((item) => {if (bl) {Taro.hideLoading()bl = false}const jsonStr = item.replace(/^data:\s*/, '')try {deepSeekData += JSON.parse(jsonStr).content} catch (e) {console.error('解析JSON失败:', e, '原始数据:', jsonStr)return null}})this.setState({ deepSeekData: this.state.deepSeekData += deepSeekData });}});

渲染数据

使用markdown-it插件

npm install markdown-it@12.3.2
import { Button, View, RichText, Input } from '@tarojs/components';
import { parseMarkdownToHtml } from '@/utils/markdownParser';
import { filterHtmlForRichText } from '@/utils/htmlFilter';
import { SimpleTextDecoder} from '@/utils/SimpleTextDecoder';<RichText nodes={filterHtmlForRichText(parseMarkdownToHtml(this.state.deepSeekData))} />
配置markdown
// utils/markdownParser.js
import markdownIt from 'markdown-it'
// 初始化 markdown-it 实例
const md = new markdownIt({html: false,        // 允许解析 HTML 标签breaks: true,      // 保留换行符linkify: true,     // 自动转换 URL 为链接typographer: true  // 启用智能标点替换
});// Markdown 转 HTML
export function parseMarkdownToHtml(mdText) {return md.render(mdText);
}
标签处理
// utils/htmlFilter.js
export function filterHtmlForRichText(html) {// 转换不支持的标签(示例:表格转 div 布局)let safeHtml = html.replace(/<table>/g, '<div class="table">').replace(/<\/table>/g, '</div>').replace(/<tr>/g, '<div class="tr">').replace(/<\/tr>/g, '</div>').replace(/<td>/g, '<div class="td">').replace(/<\/td>/g, '</div>').replace(/<h1>/g, '<h1 class="h1">').replace(/<h3>/g, '<h3 class="h3">').replace(/<ul>/g, '<ul class="ul">').replace(/<li>/g, '<li class="li">').replace(/<ol>/g, '<ol class="ol">').replace(/<strong>/g, '<strong class="strong">')// 移除危险标签(如 script)safeHtml = safeHtml.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '');return safeHtml;
}
UTF-8 解码
// utils/htmlFilter.js
// 
export function SimpleTextDecoder (buffer) {let str = '';const uint8Array = new Uint8Array(buffer);for (let i = 0; i < uint8Array.length; i++) {str += String.fromCharCode(uint8Array[i]);}return decodeURIComponent(escape(str)); // UTF-8 解码
}
样式处理
  .h1 {font-size: 40px;}.h3 {font-size: 32px;line-height: 50px;}.ul, .ol {padding-left: 36px;}.strong {font-weight: normal;}
http://www.lryc.cn/news/2401583.html

相关文章:

  • 网络攻防技术十四:入侵检测与网络欺骗
  • C++笔记-C++11(一)
  • JVM 类初始化和类加载 详解
  • B站缓存视频数据m4s转mp4
  • DeepSeek 助力 Vue3 开发:打造丝滑的日历(Calendar),日历_天气预报日历示例(CalendarView01_18)
  • 【机器学习】主成分分析 (PCA)
  • 二叉树-104.二叉树的最大深度-力扣(LeetCode)
  • 物料转运人形机器人适合应用于那些行业?解锁千行百业的智慧物流革命
  • k8s开发webhook使用certmanager生成证书
  • 时序预测模型测试总结
  • 第四十五天打卡
  • springboot mysql/mariadb迁移成oceanbase
  • npm install 报错:npm error: ...node_modules\deasync npm error command failed
  • Filebeat收集nginx日志到elasticsearch,最终在kibana做展示(二)
  • halcon c# 自带examples报错 Matching
  • 服务器重启后配置丢失怎么办?
  • Postgresql常用函数操作
  • 用 NGINX 搭建高效 IMAP 代理`ngx_mail_imap_module`
  • 湖北理元理律所债务优化实践:法律技术与人文关怀的双轨服务
  • Springboot——整合websocket并根据type区别处理
  • Qiskit:量子计算模拟器
  • 龙虎榜——20250605
  • PDF 转 HTML5 —— HTML5 填充图形不支持 Even-Odd 奇偶规则?(第二部分)
  • 大数据离线同步工具 DataX 深度实践与 DataX Web 可视化指南
  • 记一个判决书查询API接口的开发文档
  • 残月个人拟态主页
  • 热门消息中间件汇总
  • AiPy实战:10分钟用AI造了个音乐游戏!
  • Python Rio 【图像处理】库简介
  • 贪心算法应用:分数背包问题详解