实现对接大模型的AI对话微信小程序

最新推荐文章于 2025-02-14 09:33:28 发布

Jensen433

最新推荐文章于 2025-02-14 09:33:28 发布

阅读量1.2w

点赞数 54

文章标签：微信小程序小程序 chatgpt

本文链接：https://blog.csdn.net/weixin_72309717/article/details/139351800

版权

AI时代每个人都可以成为开发者，今天给大家分享一下怎么写一个微信小程序，后台接入AI大模型，实现AI对话。

1. 注册微信小程序

链接在此

mp.weixin.qq.com/cgi-bin/wxhttp://mp.weixin.qq.com/cgi-bin/wx

需要一个从来没有注册过的邮箱绑定

登录进去后，直达开发工具，下载微信开发者工具，并安装稳定版即可

然后来到开发设置页，记下你的AppI

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jensen433

关注关注

54
点赞
踩
116

收藏

觉得还不错? 一键收藏
5
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用 UniApp 在微信小程序中实现 SSE 流式响应

AaronZZH 的博客

12-20

4245

服务端发送事件（Server-Sent Events, SSE）是一种允许服务器向客户端推送实时更新的技术。SSE 提供了一种单向的通信通道，服务器可以持续地向客户端发送数据，而不需要客户端频繁发起请求。这对于需要实时更新的应用场景非常有用。流式传输的特点是将数据逐步传输给客户端，而不需要等待完整的响应生成。这意味着在传输过程中，数据会逐步发送给客户端，而不是一次性发送所有数据，对于基于文本的AI对话来说，这意味着每个单词或短语可以随着模型预测它们时即时显示出来，从而营造出一种更加自然和动态的交流体验。

【扣子coze+微信开发者工具】实现ai自定义对话03：微信小程序js逻辑和接口实现

qq_54413078的博客

07-15

7577

本文介绍了扣子的API官方文档，还有使用微信开发者工具输入内容和获取本机图片，调用扣子的API实现AI通信。本系列文章实现了运用国内扣子Coze与微信开发者工具实现一个简单的微信小程序页面，一个与自定义AI语言交互问答的功能。本系列文章详细讲解的从创建bot到微信小程序页面还有接口的编写。后续可能会加入后端Java+SpringBoot的逻辑功能来丰富项目。01、创建自定义Bot02、微信小程序对话页面简单设计03、微信小程序js逻辑和接口实现。

5 条评论您还未登录，请先登录后发表或查看评论

微信小程序完整Demo--支持人工智能对话查询

07-23

完成小程序代码，支持智能对话查快递，身份证，天气，菜谱，计算，电视节目等

【微信小程序聊天页面+AI大语言模型】AI聊天小程序对接LLM语言大模型源码

07-03

DeepSeek接入微信公众号小白保姆教程

热门推荐

Le_0x7E

01-28

3万+

DeepSeek强势发布，API价格低到极致，并且几乎完全兼容OpenAI SDK，极大的简化了部署流程，本教程将尽力以通俗易懂的语言，带零基础小白实现将DeepSeek接入到微信个人公众号。

AI人工智能机器人对话微信小程序模板

03-12

内容概要：微信小程序AI机器人对话模板，无接口仅模板，采用HBuilder编写。适合人群：需要开发AI机器人对话相关小程序应用，具备一定编程基础，了解HBuilder相关编程规则。阅读建议：此资源仅模板源码，接口需要自行调配。

给小程序接入AI服务之后，我的睡后收入又增加了

m0_74037076的博客

06-29

1185

自从本人写了《从零开始三天学会微信小程序开发》教程以来，不断有人加我，一起交流微信小程序开发的事情，很让人开心。也有一些人和我说，现在已经是AI时代了，怎么还用这种固定内容的模式呢？确实是的，自从上线《学生评语大全》这个小程序以来，陆陆续续不断收到老师们提的各种需求，如下图，都是这种固定内容模式无法满足的。于是，我就做了一个A/B测试，在原来的学生评语大全小程序中引入了AI生成评语的功能，上线之后，我在里面放置的激励视频广告每天都在不断增长，很多用户都是通过朋友圈分享介绍过来的。

微信小程序实现和AI语音对话功能

oneya1的博客

07-16

4864

1.效果微信小程序与AI语音对话2.效果主要实现技术 ①AI语音合成（阿里云平台） ②微信小程序同声传译功能 ③本功能是用原生微信小程序实现的（可自行转成uniapp代码）3.同声传译进入微信服务市场，搜索同声传译就能找到这个插件，然后添加到自己的微信小程序中。可在微信公众平台,设置==》第三方设置==》插件管理中看到添加的插件 4.添加同声传译插件后可在自己项目中配置，打开app.json 5.代码 index.wxml index.wxss index.js index.json 6.注意： 2.

微信小程序——实现对话模式（调用大模型图片生成）

编程知识分享，主打前端

04-07

1万+

大家好，我是yma16，本文分享微信小程序——实现对话模式（调用大模型图片生成）。aigc图片生成 AIGC (Artificial Intelligence Generated Content) 可以生成各种类型的图片，包括风景、动物、人物、抽象等等。生成图片的过程通常是使用预训练的神经网络模型，该模型可以根据输入的文本或图像生成新的图片。

基于Springboot+微信小程序调用文心一言大模型实现AI聊天

wml_JavaKill的博客

02-06

1740

近年来，人工智能技术发展迅猛，AI聊天机器人也逐渐融入我们的生活。本文将带你使用Spring Boot框架和微信小程序，结合百度文心一言大模型，打造一个专属的AI聊天助手。

微信小程序实现AI语音对话的功能

yanlaobanmemeda的博客

01-14

939

通过录音管理器的RecorderManager.onFrameRecorded监测已录制完指定帧大小的文件事件，然后对ArrayBuffer文件进行处理，判断用户是否开始说话，说话是否结束等。说话结束，发送包含录音文件的消息。然后对websocket的推送数据进行处理，播放音频文件。记录一下实现AI语音对话功能的过程。

微信小程序源码5-智能AI聊天（前端+后端+后台管理页面）

11-21

这套源码的压缩包包含多个子文件夹和文档，例如“微信小程序智能AI聊天.docx”可能包含了项目的介绍、实现功能的说明、使用方法和开发过程中遇到的问题及解决方案等文档资料。而“微信小程序源码5-智能AI聊天.zip”...

基于微信小程序的电子购物系统的设计与实现

weixin_44308935的博客

09-03

2003

基于微信小程序的电子购物系统的设计与实现

小程序接入云开发 AI 能力

WHWHL_CSDN的博客

02-14

1318

通过 SDK 直接调用大模型：适用于非对话类的通用场景，如文本生成、智能补全、智能翻译等。通过 SDK 调用 Agent（智能体）对话能力：这种方式适合专门的 AI 对话场景，支持配置欢迎语、提示词、知识库等对话中需要的能力。使用 AI 对话组件：这种方式对于专业前端开发者更友好，可以基于云开发提供的 UI 组件，快速在小程序中植入 AI 对话能力。通过 SDK 直接调用大模型：适用于非对话类的通用场景，如文本生成、智能补全、智能翻译等。

微信小程序--（智障机器人聊天）

yixinluobo的博客

04-26

2857

本着一贯以练习项目带动学习的方式，近两天入坑微信小程序。先是练手一个智障聊天机器人，我使用了免费的青云客api 青云客：http://api.qingyunke.com/ 准备工作： 1.注册微信小程序 2.准备微信开发者工具，版本根据个人喜好（这里下载稳定版） 3.没接触过微信小程序的小伙伴还是要先大概看下开发者文档。（结构和语法还是要了解的）开始搭建项目： 1.新建一个微信小程...

微信小程序实现接入chatgpt 文心一言 moonshot 和豆包等大模型，然后实现流式返回数据渲染到页面上，实现打字机效果，支持重新生成回答和复制回答

qq_15369533的博客

09-28

1791

微信小程序实现接入chatgpt 文心一言 moonshot 和豆包等大模型，然后实现流式返回数据渲染到页面上，实现打字机效果，支持重新生成回答和复制回答使用了Vant组件和 towxml来实现解析markdown 和实现代码高亮效果图如下。

开源大模型项目，助你效率提高 10 倍

2401_85375298的博客

10-23

1561

Flowise 是一款开源 UI 可视化工具，用于构建定制的 LLM 编排流程和 AI 代理。" )}

uniapp和微信小程序使用Vue连接AI实现聊天咨询等功能

m0_59290884的博客

11-14

1610

发送

在微信小程序部署AI模型的几种方法

supermodule的博客

04-23

5646

本篇博文主要描述了在微信小程序里部署AI模型的两种方法，基于微信云开发的onnx部署和基于服务器flask框架部署，以目标检测模型为例子，提供了一些思路和关键代码，希望对大家有所帮助

微信开发者工具使用百度云上传图片

最新发布

02-20

### 微信开发者工具集成百度云进行图片上传为了在微信小程序中利用百度云服务完成图片上传功能，需先理解不同平台间的交互机制以及各自提供的API接口。由于微信小程序本身提供`wx.request`方法用于发起HTTP(S)网络请求[^3]，这可以作为与百度云通信的基础手段。 #### 准备工作 - **注册并配置百度AI开放平台账号**：确保已按照流程成为百度AI开放平台的开发者，并获取必要的访问凭证和密钥[^2]。 - **创建应用和服务端口**：登录百度智能云控制台，创建一个新的应用程序实例来处理来自微信小程序的文件上传请求。记录下分配给该应用的相关认证信息（如Access Key ID 和 Secret Access Key），这些将在后续步骤中被用来鉴权。 #### 实现过程 ##### 客户端部分 - 微信小程序侧 1. 用户选取本地相册中的照片或拍摄新照片； 2. 使用`wx.uploadFile()` API将选中的图像发送到指定的服务地址；此过程中需要设置好目标URL、携带参数（包括但不限于签名字符串）、以及定义回调函数以接收响应结果： ```javascript // 假设已经获得了临时路径 tempFilePath const uploadTask = wx.uploadFile({ url: 'https://your-baidu-cloud-endpoint', // 替换成实际的目标网址 filePath: tempFilePath, name: 'file', formData: { 'user': 'test' }, success (res){ const data = res.data; console.log('Upload succeeded:', data); } }); ``` ##### 服务器端部分 - 百度云端逻辑编写一段Node.js脚本或其他支持的语言版本，在接收到前端传来的POST请求后负责解析body内的二进制流并将之保存至对象存储空间内。注意要对接入点做适当的安全防护措施，比如验证来源IP白名单或是采用OAuth等方式确认调用者的合法性。 ```nodejs app.post('/upload', async(req, res)=>{ try{ let chunks = []; req.on('data', chunk => {chunks.push(chunk)}); req.on('end', async()=>{ let bufferData = Buffer.concat(chunks); // 这里简化处理，实际上应该进一步判断MIME类型等细节 await baidubce.putObject(bucketName, fileName, bufferData); return res.status(200).send({message:"Image uploaded successfully"}); }); }catch(error){ console.error(error); return res.status(500).json({error:error.message}); } }) ``` 以上代码片段展示了如何构建一个简单的RESTful API入口以便于接受从小程序客户端发过来的数据包，并将其转发存放到百度BOS(Object Storage Service)之中[^1]。