登录
首页 >  科技周边 >  人工智能

腾讯元宝怎么接入小程序?

时间:2026-02-18 20:07:40 286浏览 收藏

本文详细介绍了将腾讯元宝智能体无缝嵌入微信小程序的完整技术路径,涵盖从元器平台发布智能体、微信公众平台申请半屏打开权限、调用官方wx.openEmbeddedMiniProgram接口、配置合法域名到真机验证的五大关键步骤,手把手指导开发者快速集成AI能力,让小程序用户无需跳转即可在半屏浮层中直接与定制化元宝智能体交互,大幅提升AI服务的可用性与体验流畅度。

腾讯元宝怎样嵌入小程序使用_腾讯元宝小程序嵌入法【教程】

如果您已开发完成微信小程序,希望将腾讯元宝智能体能力集成进小程序中供用户直接调用,则需通过官方支持的嵌入机制实现。以下是具体操作路径:

一、确认前置条件并完成元宝智能体发布

在嵌入前,必须确保智能体已在腾讯元器平台(yuanqi.tencent.com)创建并成功发布,且已获取该智能体的唯一小程序路径。该路径是后续在开发者工具中配置的关键参数,未发布则无法生成有效路径。

1、登录腾讯元器平台,进入“我的智能体”列表页。

2、找到目标智能体,点击右侧“发布”按钮,按提示完成发布流程。

3、发布成功后,在智能体详情页点击“使用方式”,展开“小程序嵌入”模块。

4、复制显示的完整小程序路径,格式类似:/pages/agent/agent?agentId=xxxxx。

二、在微信公众平台申请半屏打开权限

微信要求第三方小程序调用腾讯元宝小程序时,必须开通“半屏打开”能力,否则调用将被拦截。该权限需在小程序管理后台手动提交申请,并经微信审核通过后方可生效。

1、登录微信公众平台,进入目标小程序的“开发管理” > “开发设置”页面。

2、向下滚动至“第三方服务”区域,点击“申请半屏打开权限”按钮。

3、在弹窗中选择“腾讯元宝小程序”作为服务方,填写申请理由,如“用于嵌入已发布的元宝智能体,提升用户AI交互体验”

4、提交后等待微信审核,通常需1–3个工作日,状态可在同一页面查看。

三、在微信开发者工具中调用wx.openEmbeddedMiniProgram接口

该接口是微信官方提供的标准嵌入方式,允许当前小程序以半屏浮层形式唤起腾讯元宝小程序,并自动跳转至指定智能体路径,无需用户手动搜索。

1、在小程序代码中,于需要触发嵌入的位置(如按钮bindtap事件)编写调用逻辑。

2、确保已声明所需权限,在app.json的"permission"字段中添加:{"scope.openEmbeddedMiniProgram": {"desc": "用于打开元宝智能体"}}

3、调用代码示例(JS部分):

wx.openEmbeddedMiniProgram({

appId: 'wxf8b1a9c5d6e7f8a9',

path: '/pages/agent/agent?agentId=abc123xyz',

extraData: { from: 'myApp' },

envVersion: 'release'

});

4、其中appId必须填写腾讯元宝小程序的正式版AppID:wxf8b1a9c5d6e7f8a9,不可使用测试号或开发版ID。

四、配置request合法域名并启用联网能力

若智能体在运行中需调用外部API(如天气、支付、知识库更新等),小程序前端发起网络请求时,必须将对应域名加入request合法域名白名单,否则请求将被微信拦截。

1、登录微信公众平台,进入“开发管理” > “开发设置” > “服务器域名”。

2、在“request合法域名”栏中,添加腾讯元宝开放平台接口域名:https://api.yuanbao.tencent.com 及其子路径所依赖的其他必要域名(如知识库上传接口、插件回调地址等)。

3、保存后,需重新上传小程序代码并提交审核,新域名才生效。

五、本地调试与真机验证关键步骤

微信开发者工具模拟环境与真机存在行为差异,尤其是wx.openEmbeddedMiniProgram接口仅在真机上可触发半屏浮层,工具中仅提示“调试模式下不可用”,因此必须进行实机验证。

1、在开发者工具中点击“预览”,使用微信扫码,确保二维码绑定的是已开通半屏权限的开发者微信号。

2、在真机微信中打开小程序,点击嵌入按钮,观察是否弹出半屏元宝智能体界面。

3、若失败,检查控制台报错信息;常见错误包括:“errCode: -1, errMsg: openEmbeddedMiniProgram:fail no permission”,表明半屏权限未生效或AppID填写错误。

4、确认智能体路径中的agentId参数与发布时完全一致,大小写及特殊字符均不可修改。

好了,本文到此结束,带大家了解了《腾讯元宝怎么接入小程序?》,希望本文对你有所帮助!关注golang学习网公众号,给大家分享更多科技周边知识!

资料下载
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>