AI智能体应用发布篇（公众号/小程序）

腾讯云开发TCB

发布于 2024-06-24 14:10:39

4030

发布于 2024-06-24 14:10:39

文章被收录于专栏：云开发

前言

之前在《教你 3 分钟搭建 AI 助手，超 Easy！》让大家快速搭建了微信云开发的AI智能体Web版和H5版。

如果想在微信生态中快速获取用户，那么公众号和小程序是必须要做的载体，所以这篇主要分享以下 3 点：

AI智能体发布到公众号
小程序中集成AI智能体
AI深度合成类目如何申请

步骤

AI智能体发布到公众号

进入云模板

首先我们先进入云模板控制台，在这里再教大家一种快速进入云模版的方式，除了在《教你 3 分钟搭建 AI 助手，超 Easy！》中提到的云开发控制台进入的方式之外。

还可以直接在微信开发者工具的代码目录区域右键呼出菜单然后选择「通过云模板或AI配置页面」菜单项。

注：非正式AppId，小游戏，游客态、代开发小程序，不是小程序开发者，看不到该菜单项。

授权公众号

从「我的应用」列表进入「AI智能体应用」详情页点击「添加至多个平台」

可以选择一个AI智能体进行「配置」支持 3 个平台

微信小程序客服
微信公众号（服务号）
微信公众号（订阅号）

配置方式非常方便只需要填写AppId即可

前往微信公众平台“设置与开发” - “基本配置” - “公众号开发信息”，复制”开发者ID(AppID)”信息

获取到AppID填写后点击「下一步」扫码授权即可，授权成功后未授权会变为已授权状态

接下来来看下效果：

没有认证的公众号需要回复“继续”，已认证公众号无需回复“继续”可直接输出文案

小程序中集成AI智能体

集成应用

回到「添加至多个平台」面板选择「添加至小程序」

根据操作指南下载好代码包解压

复制到 miniprogram/ 目录下

再将下载的 project.config.json 进行替换

当以上两步都完成之后可以以下两种方式进行跳转：

JS跳转代码

wx.navigateTo({url:"/$weda_root/packages/mIOXHS1t/pages/chat/index"});

WXML布局代码

<navigator url="/$weda_root/packages/mIOXHS1t/pages/chat/index">跳转至智能体</navigator>

在这里就相当于把整个AI智能体应用集成到小程序中了

在这里需要注意，如果要发布小程序上线还需要在小程序管理后台更新域名配置

集成API

如果想自定义界面，可以直接集成API即可回到「AI智能体应用」详情页面切换到「接口展示」

可直接复制代码在小程序端进行调用，以查看AI智能体列表接口为例

 wx.cloud.callFunction({
      name: 'cloudbase_module',
      data: {
        name: 'ai_bot_get_bot_list',
        data: {
         filter: {
              where: {
              },
            },
            select: {
              $master: true, // 常见的配置，返回主表字段
            },
        },
      },
      success: (res) => {
        console.log(res)
      },
    });