Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >不写一行代码就能将满血DeepSeek接入微信生态

不写一行代码就能将满血DeepSeek接入微信生态

作者头像
腾讯云开发TCB
发布于 2025-02-24 02:53:53
发布于 2025-02-24 02:53:53
2850
举报
文章被收录于专栏:云开发云开发
云开发 AI+ 无缝接入 DeepSeek + 混元双模型开发智能体,支持小程序、h5、公众号、微信客服等场景,新用户首月免费体验,并赠送 100 万 token,本篇对云开发使用AI+的接入方式详细介绍

准备工作指引

首先需要登录云开发平台,有如下三种方式登录

1. 可以通过登录腾讯云官网,搜索“微搭低代码”进入

微搭低代码:https://weda.cloud.tencent.com/index

2. 搜索引擎搜索“腾讯云开发”进入

腾讯云开发官网:https://tcb.cloud.tencent.com/

3. 通过微信开发者工具上方“云开发”进入

微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

基础知识

云开发提供了大模型以及 Agent 能力

  • 大模型:具备通用性的官方 AI 模型
  • Agent :支持自定义人设,添加知识库,创建定制的 AI

如何配置AI应用

01、创建AI应用

进入云开发平台模块,配置为小程序 => 可视化构建 => 大模型,模型选择DeepSeek-671B

点击创建大模型应用后,会跳转到可视化开发模块,并自动创建好了AI应用

02、发布应用

点击右上角发布,选择发布到web端,选择发布到小程序需要先绑定小程序,可以按步骤进行操作并发布

云开发AI+常见问题 (实时看板更新) https://docs.cloudbase.net/ai/FAQ

发布完成后根据提供的链接进行访问

03、预览效果

发布PC端效果如下:

H5及小程序效果如下:

进行测试:

如何配置Agent

01、新增Agent

进入云开发AI+,选择agent模块,创建agent,按需选择对应的预设

这里可以调整AI名称头像、修改AI人设、添加知识库、开场文案、开场问题、问题建议等功能

02、创建AI应用

点击保存 Agent,然后点击确认前往AI+首页进行创建应用

此时会自动打开AI+首页,并选择好当前的Agent实例

点击安装Agent应用,则会跳转到可视化开发模块,并自动创建好了AI应用

此时AI带上了对应的预设,能更加符合当前业务情况

发布应用同配置化生成AI应用一致

03、预览效果

发布PC端效果如下:

H5及小程序效果如下:

进行测试:

如何对接知识库

01、新增Agent

进入云开发AI+,选择Agent模块,创建Agent,按需选择对应的预设,可以调整AI名称头像、修改AI人设、添加知识库、开场文案、开场问题、问题建议等功能

02、添加知识库

可以点击添加知识库和管理知识库进入知识库管理界面

进入到知识库管理页面,点击添加按钮

输入知识库名称、备注进行保存

保存后可以看到所新建的知识库

03、新增文件

点击进入知识库中,点击添加文件按钮进行添加,当前仅支持 markdown,md,pdf,docx,ppt格式文件的上传 (后续迭代会支持更多格式)

文件上传后会自动解析,待解析完成时状态会自动更新为文件解析写入完成

04、关联知识库

返回Agent管理页面,选择新增的知识库

05、测试Agent

添加开发背景的AI关联该知识库

进行提问:

返回内容中包含知识库信息,证明测试结果正确,接下来按配置化定制Agent AI 应用方案继续创建应用发布即可。

如何对接公众号

01、获取公众号AppId

进入公众号后台,进入开发接口管理模块查看AppId

02、新增Agent

进入云开发AI+,选择Agent模块,创建Agent,选择对应的预设后,在右边对接微信平台中选择公众号,并填入 公众号AppId

03、对接公众号

填入 AppId 后点击下一步,会跳转到公众号扫码授权页面,该授权为通过云开发代理公众号后台能力,从而代理客服进行回复,完成后公众号则对接完成

此时可以去公众号客服进行测试

对接小程序客服

01、获取小程序AppId

进入小程序后台,进入开发管理模块查看AppId

02、新增Agent

进入云开发AI+,选择Agent模块,创建Agent,选择对应的预设后,在右边对接微信平台中选择小程序客服,并填入小程序AppId

03、对接小程序

填入 AppId 后点击下一步,会跳转到小程序扫码授权页面,该授权为通过云开发代理小程序后台能力,从而代理客服进行回复,完成后小程序则对接完成

此时可以去小程序客服进行测试

对接企微客服

01、获取企微ID

微信客服平台登录或注册,并且通过企业认证,复制企业ID

02、对接企微

1. 进入云开发AI+,选择Agent模块,创建Agent,选择对应的预设后,在右边对接微信平台中选择微信客服,并填入 企业ID,点击下一步

2. 点击下一步后,需要填入获取随机 TokenEncodingAESKey

3. 此时回到微信客服后台/开发配置模块,点击开始使用

4. 点击随机获取,生成对应的 TokenEncodingAESKey,此时先不要点完成

5. 将生成的 Token EncodingAESKey 填回 Agent 配置中,点击下一步

6. 此时会生成对应的回调地址,复制该回调地址到第4步的微信客服后台中填入

填入回调URL,点击完成

7. agent点击下一步,需要填入secret和客服名称

8. 在微信客服后台获取对应信息填入 第7步

9. agent点击完成即配置完成

10. 此时去企微客服进行测试

可以从开始接入中获取测试链接

测试案例:

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-02-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 腾讯云开发CloudBase 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
微搭低代码实现横向滚动效果
在小程序场景中,有很多横向滚动的效果,比如我们的官方模板电商展示里就有一个横向滚动的效果,本篇我们解读一下横向滚动该如何实现
低代码布道师
2023/10/11
4420
AutoFlowLayout:多功能流式布局与网格布局控件
https://github.com/LRH1993/AutoFlowLayout
陈宇明
2020/12/15
7690
AutoFlowLayout:多功能流式布局与网格布局控件
会员管理实战教程10-布局介绍
低码工具更侧重于前端开发,学习前端开发必须熟练掌握CSS的相关知识。本篇就重点介绍一下在低码中的布局相关知识。
韩锴
2022/02/24
8240
低代码如何构建响应式布局前端页面
在进行项目交付的场景中,常常会存在项目系统在不同设备,不同屏幕尺寸下使用和展示。因此在开发过程中需要针对此场景做针对性处理。一般来说,在处理这样的问题时,我们需要开发和提供不同的布局,通过检测视口的分辨率,判断当前访问设备的种类,请求不同的页面布局从而提供尺寸较为合适的展示场景。而不同的布局,可以选择提前开发完成,或者采用判断窗口大小的方式动态地调整最终页面来实现效果,业内称之为页面的响应式布局。
葡萄城控件
2023/01/05
4.1K0
低代码如何构建响应式布局前端页面
AutoFlowLayout-多功能流式布局与网格布局控件
近期工作需要用到流式布局,网上也有很多关于这方面的资料。发现流式布局与网格布局的自定义很有意思,是学习自定义控件的一个很好的方式,所以就撸了个几百行代码的控件,既实用又具有学习价值。 一、AutoFl
非著名程序员
2018/02/09
1.3K0
AutoFlowLayout-多功能流式布局与网格布局控件
【Java AWT 图形界面编程】LayoutManager 布局管理器总结 ( FlowLayout 布局 | BorderLayout 布局 | BoxLayout 布局 )
在上一篇博客 【Java AWT 图形界面编程】Container 容器 ③ ( ScrollPane 可滚动容器示例 ) 中 , 向 ScrollPan 中添加了 TextField 文本框 和 Button 按钮 , 但是显示的时候效果如下 :
韩曙亮
2023/03/30
4.3K0
【Java AWT 图形界面编程】LayoutManager 布局管理器总结 ( FlowLayout 布局 | BorderLayout 布局 | BoxLayout 布局 )
【Web前端】CSS 响应式设计(补充)
随着移动设备的普及,网页设计的焦点逐渐转向了响应式设计。响应式设计不仅要求网页在各种屏幕尺寸上良好展示,还要适应不同设备的特性。
一条晒干的咸鱼
2024/11/19
2460
【Web前端】CSS 响应式设计(补充)
【移动端网页布局】流式布局 ① ( 流式布局简介 | 百分比布局 / 非固定像素布局 | 根据屏幕尺寸 / 设备类型自动调整网页布局 )
为 流式布局 中 盒子模型 设置 百分比宽度 , 其大小可以根据屏幕宽度自适应伸缩 , 该盒子没有像素限制 , 内容自动向左右两边填充 ;
韩曙亮
2023/04/30
1.2K0
【移动端网页布局】流式布局 ① ( 流式布局简介 | 百分比布局 / 非固定像素布局 | 根据屏幕尺寸 / 设备类型自动调整网页布局 )
CSS Flexbox与Grid:构建响应式布局的艺术
开启Flex布局模式。将一个元素设置为Flex容器,其直接子元素将成为Flex项目。
天涯学馆
2024/05/22
2180
CSS Flexbox与Grid:构建响应式布局的艺术
CSS Flexbox 布局完全指南 (一):4000字,多示例讲解
理解 Flexbox 最好的方式是什么?学好基础,再大量练习。这正是我们要在这篇文章中做的事情。
一只图雀
2020/07/16
4.7K0
CSS Flexbox 布局完全指南 (一):4000字,多示例讲解
Android:流式布局实现总结
关于自定义FlowLayout,原理就是自定义一个ViewGroup,向里动态的添加条目View。在添加的时候需要动态的计算行数,以及行中剩余宽度是否可以展示目标条目。这种方式网上有很多讲解,此处不再赘述,推荐参考鸿洋大佬的:https://github.com/hongyangAndroid/FlowLayout
CnPeng
2020/08/11
5.6K0
【Web前端】CSS传统布局方法(补充)
开发技术不断演进,布局方式也经历了多个阶段的变革。从最初的基于表格布局到 CSS 的浮动布局,再到今天的弹性盒(Flexbox)与 CSS Grid 网格布局,每一种布局方式都有其独特的背景和解决特定问题的优势。
一条晒干的咸鱼
2024/11/19
3370
【Web前端】CSS传统布局方法(补充)
万字总结 CSS 布局
本文总结了主流的几种 CSS 的布局方法,无论你是一个想要学习 CSS 布局的新手,还是一个比较有经验但想要进一步巩固与了解最新CSS布局知识的前端开发者,这篇指南都能帮你全面了解如今CSS布局发展的现状。
用户8921923
2022/10/24
5.8K0
万字总结 CSS 布局
全栈之前端 | 6.CSS3基础知识之网页几种布局方法学习(1)
描述: 前面相信大家已经跟着【WeiyiGeek】作者一起学习了CSS基础知识了,并且了解了盒子模型、以及元素的定位浮动方面的知识。现在我们在此基础上继续深入学习CSS布局,它是学习CSS之路上一个重点,是在进行前端开发时常常使用到的,所以说我们需要认真学习,若有不懂的地方可以在文章末尾,以及作者交流群【在公众号回复微信交流群】进行留言交流。
全栈工程师修炼指南
2023/10/31
7410
全栈之前端 | 6.CSS3基础知识之网页几种布局方法学习(1)
HarmonyOS NEXT - 网格布局(Grid)
网格布局是由“行”和“列”分割的单元格所组成,通过指定“项目”所在的单元格做出各种各样的布局。网格布局具有较强的页面均分能力,子组件占比控制能力,是一种重要自适应布局,其使用场景有九宫格图片展示、日历、计算器等。
用户9936235
2025/03/31
1100
CSS Grid 新手入门
另外,下面一段话摘自A Complete Guide to Grid,对于CSS Grid会有更加清楚地释义
糊糊糊糊糊了
2018/09/28
2.2K0
CSS Grid 新手入门
你肯定会用到的CSS多行多列布局
我们都知道,之所以对不齐是因为最后一行的子项目没有达到4个,space-between的对齐方式,自然会把中间空出来。既然如此,何不直接补位,让元素排满4个。
Vam的金豆之路
2021/12/01
2.3K0
你肯定会用到的CSS多行多列布局
《前端技术基础》第03章 CSS 布局【合集】
CSS 布局(Cascading Style Sheets Layout)是网页设计的核心,定义元素位置、大小和排列,构建页面结构。其布局模式多样:Flexbox 通过display:flex激活,借助justify-content和align-items灵活排列元素,适用于导航栏、卡片列表;CSS Grid 用grid-template-columns和grid-template-rows定义二维网格定位元素,常用于电商、多列图文排版;传统流式布局基于文档流,元素顺序排列,自适应屏幕宽度,保障页面可读性。这些模式协同,助力开发者打造适配多设备的优质布局。
Rossy Yan
2025/01/24
1360
《前端技术基础》第03章 CSS 布局【合集】
CSS Grid 那些鲜为人知的内幕
大家好,我是「柒八九」。一个「专注于前端开发技术/Rust及AI应用知识分享」的Coder
前端柒八九
2024/04/30
2840
CSS Grid 那些鲜为人知的内幕
三栏布局的方法你又会几种?
在前端页面中,三栏布局是网页设计中的常见布局,通常包括一个主要内容区域和两个侧边栏,不过有些网页的侧边栏是用来放广告的,也有些是用来做导航的或者放点其他的东西,但是他们都不能阻碍主要内容区域的展示。当然在前端面试中,三栏布局也是有很多面试官会提问的,但是实现三栏布局的方法有很多种,包括圣杯布局、双飞翼布局等等,本文将展示一系列的方法,包括其核心思想和操作方式。如果大佬们还有其他的方法,也可以在评论区中告诉大家。感谢分享
用户6256742
2024/08/01
3900
三栏布局的方法你又会几种?
推荐阅读
相关推荐
微搭低代码实现横向滚动效果
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档