基于Dify平台对接的AI机器人聊天makedown流式接收

使用uniapp 开发的适配微信小程序的通用组件,支持Vue3

我有:好看的界面、知识库与提示词功能、makedown流式接收、开箱及用的配置、完善的注释

ext.dcloud.net.cn/plugin?id=2...

1.当前的接口路径都是基于 Dify平台对接的

2.如果有真实接口要接进来就修改如下配置

javascript 复制代码
//---------------------- API 配置 ----------------------
const API_CONFIG = {
  BASE_URL: "https://xx.xxxx.com:1111", // 真实数据必填
  HEADERS: {
    "Content-Type": "application/json",
  },
  TIMEOUT: 15000,
};

//---------------------- 状态管理 ----------------------
const AIdata = ref({
  access_token: "",
  refresh_token: "",
  current_session: {}, // 当前选中的模型
  conversations: {}, // 当前对话
  request_url: "https://xx.xxxx.com:1111", // 真实数据必填
});

// 登录的账号密码
const login = async () => {
  try {
    const response = await request("/console/api/login", "POST", {
      email: "",  // 真实数据必填
      password: "", // 真实数据必填
      language: "zh-Hans",
      remember_me: true,
    });

    AIdata.value.access_token = response.data.access_token;
    AIdata.value.refresh_token = response.data.refresh_token;
    API_CONFIG.HEADERS.Authorization = `Bearer ${AIdata.value.access_token}`;
    return response;
  } catch (error) {
    console.error("登录失败:", error);
    throw error;
  }
};

3.目前都是使用moke数据对接的,使用某个接口是注意注释。将moke数据凡是注释,放开正式就行,我都有注释好的 如下:

javascript 复制代码
      //---------------------- 真实 API 调用 ----------------------
      // const loginData = await login();
      // AIdata.value.access_token = loginData.data.access_token;
      // AIdata.value.refresh_token = loginData.data.refresh_token;
      // AIdata.value.request_url = API_CONFIG.BASE_URL;

      // 获取应用列表
      // await getInstalledApps();

      //---------------------- Mock 数据调用 ----------------------
      // 使用 mock 数据模拟登录
      const loginData = loginResponse.data;
      AIdata.value.access_token = loginData.access_token;
      AIdata.value.refresh_token = loginData.refresh_token;
      AIdata.value.request_url = API_CONFIG.BASE_URL;
      console.log("登录数据:", loginData);

4.如果因为 towxml 包太大了,无法发版! 进行分包处理就行! 如分包导致引入的问题可以留言咨询作者

5.流失接收数据时,因小程序没有 TextDecoder 所以需要下载这个插件,注意一下

相关推荐
胡萝卜术39 分钟前
从API调用到手写LRU:力扣146「LRU缓存」的哈希表+双向链表终极进化之路
前端·javascript·面试
科技道人42 分钟前
记录 默认置灰/禁用 app ‘Search Engine Selector‘ 的disable按钮
开发语言·前端·javascript
天疆说1 小时前
Zotero Connector 在 Edge 里找不到桌面 Zotero(Linux / Zotero 9.0.6 / Edge 150)
linux·前端·edge
李伟_Li慢慢2 小时前
02-从硬件说起WebGL
前端·three.js
kyriewen3 小时前
看了微软几万人用AI编程的数据——效率涨24%的代价没人提
前端·ai编程·claude
2601_963771373 小时前
How to Scale Your WordPress Store Traffic in 2026
前端·php·plugin
亿元程序员3 小时前
老板说我的3D箭头游戏用来做试玩太普通了,没人想玩,让我变点花样...
前端
李伟_Li慢慢4 小时前
01-threejs架构原理-课程简介
前端·three.js
_瑞5 小时前
深入理解 iOS 渲染原理
前端·ios
IT_陈寒5 小时前
SpringBoot自动配置失灵?你可能忘了这个关键注解
前端·人工智能·后端