小程序对接第三方AI技术，进行AI问答需要提交哪些文件？

前言 在这个AI时代，结合AI做新的产品或基于你先有的业务加入AI能力，这个是趋势所在，那么如何更快的接入AI能力？接下给大家分享下云开发AI+的集成方式 步骤 登录微信云开发后台 https://tcb.cloud.tencent.com/cloud-admin?_tcbProviderId=mp [图片] 然后找到AI+菜单 [图片] 一共分为两块： 1.AI大模型：适用于快速接入大模型的基础AI对话能力 2.自定义AI能力：适用于具体业务的AI智能体搭建，支持知识库 接入AI大模型 我们先从AI大模型开始体验，进入AI大模型模块 [图片] 支持接入国内多家大模型，只需要填写Key即可，每家大模型服务后台获取方式可以去看各家的文档。 这边我使用的大模型是智谱，输入key后点击右上角保存，然后左边相关的模型会有个「已启用」状态，这个时候就配置好了。 我这边以小程序SDK为例： 第一步：先安装 npm 包 在小程序 package.json 所在的目录（一般是 miniprogram 目录）执行命令安装命令： [代码]npm i @cloudbase/js-sdk@2.8.3-beta.0[代码] 不会安装 npm 包请看《微信小程序如何引入npm包？》 第二步：初始化ai对象 [代码]const env = "填写你的环境ID"; registerAuth(cloudbase); registerAi(cloudbase); const app = cloudbase.init({ env }); const auth = app.auth({ persistence: "local" }); await auth.signInWithOpenId(); // 或者使用其他登录方式 const ai = await app.ai(); // 接下来就可以调用 ai 模块提供的创建模型等方法了 [代码] 然后你会看到控制台报错 [图片] 因为SDK中有请求域名需要在小程序后台配置即可或者可以在本地设置中勾选不校验。 [图片] 注意：勾选不校验目的是为了可以体验使用，如果要发布上线还是要在后台配置域名配置 第三步：使用AI大模型，推荐流式调用 [代码] const aiModel = ai.createModel("zhipu"); // 创建模型 const res = await aiModel.streamText({ model: "glm-4-plus", messages: [{ role: "user", content: "你好，请你介绍一下李白" }, ], }); for await (let str of res.textStream) { console.log(str); } [代码] 调用成功 [图片] 接入AI Agent 首先要先创建一个 Agent 智能体 [图片] 默认内置一些 Agent 模版，可以直接使用模版或者创新新的Agent，右边输入名称和介绍即可点击右下角「新建」。 [图片] 然后会进入编辑详情页面，一共分为三个区域，从左到右 Agent 列表区域，显示所有的Agent以及可以切换 编排 Agent 区域，支持设置人设和回复逻辑以及添加知识库、开场白、问题、问题建议 Agent 预览调试区域，当设置好 Agent 后可以在这个区域进行效果调试 [图片] 我们先来看下编排 Agent 区域「人设与回复约束」可以点击右边「生成」按钮自动生成提示词。 [图片] 点击使用即可应用，设置完成后可以在右边区域对话测试效果 [图片] 还可以为这个智能体添加知识库，点击【管理知识库】 [图片] 去新建输入标题和描述 [图片] 成功后会出现一个文件夹 [图片] 然后添加文件 [图片] 支持单个/多个添加文件 [图片] 比如我添加一个汽车故障常见问题的文档 [图片] 添加完成后会进入后状态会出现一个「文件解析中」转变成「文件解析写入完成」 [图片] 然后回到编辑页面进行添加知识库文件夹即可，剩下的就是一些基础配置开场白和预设提问。 [图片] 接下来我们测试下知识库设置完成后的效果，当我发送了刚才在文档中提到的“开门咯吱咯吱异响”问题后。 [图片] 它会在回答的最后面给出引用的知识库来源，这样就可以极大程度的避免大模型在具体内容上的幻觉问题。 [图片] 当我们全部配置完毕后那就可以直接去使用了，点击右上角的接入指引即可呼出发布文档。 发布 一共分为三种方式： 1.对接微信平台 2.小程序区块组件 3.SDK调用 推荐使用这两种方式对接微信平台和SDK调用，对接微信平台完全无代码更简单，SDK调用纯代码方式调用更灵活，如果你的应用场景不是对话模式那么可以用代码的方式植入你的业务流中。 对接微信平台： 支持小程序客服，微信客服，微信服务号，微信订阅号 [图片] 配置过程非常简单，只需要根据步骤设置AppID然后扫码授权即可完成。 小程序区块组件： 需要从主菜单切换到我的应用，创建一个空白应用 [图片] [图片] 然后会就进入微搭编辑页面，选择右边区块搜索「Agent」 [图片] 选择玩AgentUI之后配置ID [图片] ID在Agent详情名称有个复制ID功能 [图片] 配置ID后数据就会同步到这个UI组件上，你可以修改它的属性、事件、样式等 [图片] 全部修改完成之后我们可以选择Agent-UI组件，然后切换到配置这里可以直接下载代码包 [图片] 然后根据跟进文档就可以集成到你的小程序中 [图片] SDK调用： 不会安装 npm 包请看《微信小程序如何引入npm包？》 先建立连接 [代码]// 在开始之前，请确保完成配置了小程序 request 合法域名，详情请参考 https://docs.cloudbase.net/quick-start/baas/wx-mini // 在小程序 package.json 所在的目录（一般是 miniprogram 目录）执行命令安装 npm 包： // npm i @cloudbase/js-sdk@2.8.3-beta.0 // 安装完成后，点击微信开发者工具的菜单栏中「工具 -> 构建 npm」 // 引入 SDK，这里我们以分模块的形式按需引入了 cloudbase-js-sdk，也支持完整引入 import cloudbase from "@cloudbase/js-sdk/app"; import { registerAuth } from "@cloudbase/js-sdk/auth"; import { registerAi } from "@cloudbase/js-sdk/ai"; registerAuth(cloudbase); registerAi(cloudbase); const app = cloudbase.init({ env: "your-env", // 需替换为实际使用环境 id }); const auth = app.auth({ persistence: "local" }); await auth.signInWithOpenId(); // 或者使用其他登录方式 const ai = await app.ai(); // 接下来就可以调用 ai 模块提供的方法了 [代码] 指定具体Agent对话 [代码]const res = await ai.bot.sendMessage({ botId: "botId-xxx", msg: "给我一个成语。", }); for await (let str of res.textStream) { console.log(str); } // 当然 // 可以 // ！ // 这里 // 有一个 // 成语 [代码] 查看聊天记录 [代码]const res = await ai.bot.getChatRecords({ botId: "botId-xxx", pageNumber: 1, pageSize: 10, sort: "asc", }); // { // "recordList": [ // { // "botId": "bot-809d4ad1", // "recordId": "record-96617446", // "role": "user", // "content": "你好", // "conversation": "r3Hjz3qgms3UG7z9lwSYbA", // "type": "text", // "triggerSrc": "TCB" // }, // { // "botId": "bot-809d4ad1", // "recordId": "record-632906dd", // "role": "assistant", // "content": "您好！看起来您可能遇到了一些技术问题，或者只是想打个招呼。无论哪种情况，我都在这里为您提供帮助。如果您有任何具体的问题或需要协助，请随时告诉我！", // "conversation": "r3Hjz3qgms3UG7z9lwSYbA", // "type": "text", // "triggerSrc": "TCB" // } // ], // "total": 2 // } [代码] 到这里整个接入AI的流程就全部结束了。 最后 希望大家能跟上AI时代的步伐，做出自己的AI小程序，有问题欢迎留言讨论

内容模型数量超过上限 1 {"requestId":"9a9afcc8-7330-4414-89ba-9a198cb3a7fe","code":"EXCEED_PACKAGE_LIMIT_ERR","message":"内容模型数量超过上限"} 2

[图片] 云储存文件上传下载文档地址，https://docs.cloudbase.net/cli-v1/storage 首先确保你已经操作了以上 3 步~~~ 然后你可以选择在桌面新建一个 downloads 文件夹，然后选择打开桌面的命令提示符, [图片] //通过 --mode 指定你的云环境id tcb --mode '你的云环境id' [图片] 环境部署成功后，下载云储存文件到本地（下载 dianXiaoTwo云储存文件 到 本地downloads文件 中） // tcb storage download '云环境文件路径' '本地文件路径' --dir tcb storage download dianXiaoTwo downloads --dir [图片] [图片]

文档写的很不完善.很多东西都没有交代清楚.做为小白的我太难了 试了许久,请教了群里好多大牛,当然也少不了万能的度妹 下面结合分享时携带信息的需求,把思路捋一下: 0.这个API通过云函数来调用,所以你的小程序要开通云开发.小白没有自带服务器的HTTPS模式哦. 1.scene是用来传递参数的.虽然支持的字符和长度32有限,也足够了.目前小白想到的也就是用&传递一下分享人的基本信息啥的.下图中a=1 b=2是我们要传递的值对参数,也可以通过event来指定参数 2.page不可以携带参数,且指定页面时不需要使用/.默认(不指定这个参数)是打开首页.这样把page和scene区分开来,作为小白的我,暂时还不太理解开发者的用意是什么 3.生成的码可以放在云存储.使用的时候可以先检测这个文件存在没有;如果没有,再生成.虽然说这个API没有次数限制,也不用每次都重新生成嘛.有的大牛使用了其他方法如write文件啥的,来生成二维码,也是可以的. 4.scene的参数在app.js的onLaunch里获取.注意是在options.qurey.scene里哦.如果传递单一个的参数,可以直接获取;但是如果传递值对,这个值默认情况下不是明文,要用decodeURIComponent解析下.下图中,a%3D1...是未解析的参数, a=1 b=2才是我们需要的参数.(网上好多文章看了后一定要试才知道行的通没有哦,有时候想打人.打死的那种狠劲儿) [图片] [图片] 5.为了调试这个参数,应先在普通模式下生成二维码,然后再通过二维码的形式编译来进行调试 [图片] 6.理解的不够深,请各位大牛多多指教

前言 今天在写微信小程序前端页面，想引入weui组件库来完成开发。结果按着官方文档来遇到了一堆问题，最后靠着不断百度查资料才最终解决。所以将过程记录一下，避免后面再遇到这类坑。 注意：本文默认读者已知道怎么使用npm 1. 初始化 以管理员身份运行命令行窗口（cmd），在cmd中进入项目的根目录。然后输入以下命令： [代码]npm init [代码] 后面一路按回车健即可，最终会在项目的根目录中创建出一个名为package.json的文件。 2. 安装weui组件库 在cmd中紧接着输入以下命令： [代码]npm install weui-miniprogram [代码] 命令执行完毕后会多出来一个node_modules文件夹，里面包含了weui组件库。 3. 构建npm 在微信开发者工具中，选择“工具”->“构建npm”。如无意外会出现类似“没有找到可以构建的NPM包……”这样的报错。 这时就需要在项目根目录找到package.config.json文件，修改相关的配置如下： [代码]{ ... "setting": { ... "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./" } ] } } [代码] 继续在开发者工具中的“详情”->“本地设置”里检查是否勾选上“使用npm模块”选项，若没勾选则勾选上。 完成上述配置后，重新构建npm，即可构建完成。 4. 重启项目 在开发者工具中“项目”->“重新打开此项目”，完成对项目的重启。 注意：这一步非常重要！！！否则引入组件会提示找不到文件！！！ 5. 引入wxss 在app.wxss中，引入weui库的wxss文件 [代码]@import 'miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss'; [代码] 引入时要根据实际情况调整路径，但最长后缀均为 [代码]/weui-miniprogram/weui-wxss/dist/style/weui.wxss [代码] 6. 引入组件 在想要使用组件的页面对应的js文件中，对组件进行的引入。一定要注意自己项目的目录结构！！！ [图片] 而官方文档的写法是 [图片] 如果直接照搬官方文档的写法，则忽略了目录结构，会报错！！ 接着在要使用组件的页面对应的wxml文件中使用该组件即可 [代码]<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}"> <view>test content</view> </mp-dialog> [代码] 效果如下： [图片] 后记 不得不说，前端开发的坑实在是太多了，上面记录的过程我摸索了一个多小时。看来平时一定要多注意总结才行，不然真的非常消耗时间！！！ 创作不易，觉得有用麻烦点个赞，谢谢~~~