效果展示
开发环境要求
JavaScript
微信开发者工具
node(12.13.0 ≤ node 版本 ≤ 17.0.0, 推荐使用 Node.js 官方 LTS 版本 16.17.0)
npm(版本请与 node 版本匹配)
步骤1:集成客服插件
说明:
步骤2:引入客服插件
构建 npm(微信开发者工具 -> 工具 -> 构建 npm)后,修改 TUIKit/plugins/pluginsTool.wxs 文件中 miniprogram_npm/@tencentcloud/tui-customer-service-plugin-wechat/pluginsTool.wxs 的引入。
注意:
miniprogram_npm/@tencentcloud/tui-customer-service-plugin-wechat/pluginsTool.wxs
的引入路径必须为相对路径。例如:miniprogram_npm 和 TUIKit 目录为同层时,
miniprogram_npm/@tencentcloud/tui-customer-service-plugin-wechat/pluginsTool.wxs
路径为 ../../miniprogram_npm/@tencentcloud/tui-customer-service-plugin-wechat/pluginTool.wxs
。
// miniprogram_npm/@tencentcloud/tui-customer-service-plugin-wechat/pluginsTool.wxs 引入路径必须为相对路径var customerPluginTool = require('../../miniprogram_npm/@tencentcloud/tui-customer-service-plugin-wechat/pluginTool.wxs'); // 引入客服判断逻辑function isPluginsMessage(message) {if (customerPluginTool) {return customerPluginTool.isCustomerMessage(message);}return false;}module.exports = {isPluginsMessage: isPluginsMessage,customerPluginTool: customerPluginTool,};
步骤3:设置客服虚拟号 ID
说明:
在您的主入口文件中,如:pages/index/index.js 中,设置客服虚拟号 ID。如下图所示:
import TUICustomerServer from "@tencentcloud/tui-customer-service-plugin-wechat/server.js";TUICustomerServer.getInstance().setCustomerServiceAccounts(['new_customer_userID']); // 设置新的客服虚拟号 ID
步骤4: 发起您的第一条客服咨询
通过客服号 ,发起您的第一条客服咨询。
独立集成客服会话
步骤1: 完成 TUIChat 独立集成, 可参见 独立集成 TUIChat 方案。
步骤2: 设置客服会话
技术咨询