博文视点
为什么要读“科技史”？约400年前，英国哲学家弗兰西斯·培根，这位科学时代的预言家给出

下面以AI课程客服聊天机器人为例，设计“迪哥的客服”客服聊天机器人。为了让初学者能快速上手搭建自己专属领域的客服聊天机器人，本例中客服聊天机器人的总体架构采用前后端分离的架构设计模式，总体架构如下图所示。

“迪哥的客服”总体业务流程：在Web前端构建一个聊天窗口，用于展示客户和客服聊天机器人的聊天交互过程，客服聊天机器人结合外挂的知识库内容，根据其功能角色定义，完成客户姓名、电话和聊天内容等信息的结构化收集与总结，并将相关信息进行结构化展示，如下图所示。

1）前端设计方案：包括前端聊天窗口、前端聊天信息的监听等功能。利用Voiceflow工具，无须编写复杂的代码，即可快速完成前端聊天功能的拖曳式编排开发。
（2）后端设计方案：包括知识库构建、客服聊天机器人的角色任务定义和多轮对话信息的交互总结。在完成对话任务后对客户的相关信息进行总结形成结构化的商机清单表格。

前端功能设计

利用Voiceflow工具快速编排AI Agent聊天交互流程，构建前端聊天窗口，生成前期Web前端的代码块，将代码块插入前端Web页面即可完成客服聊天机器人的前端设计开发。下图为开发完“迪哥的客服”并将其插入前端Web页面后的效果。

1．利用Voiceflow工具设计前端功能
本例利用Voiceflow工具快速完成客服聊天机器人“迪哥的客服”前端功能的搭建。
“迪哥的客服”前端功能编排设计流程如下。
（1）Start：设置客服服务的启动任务，开始“迪哥的客服”之旅。
（2）Create Thread：启动一个线程，通过API和后端服务接口对接，如果API对接成功，则进入聊天交互流程，否则聊天任务结束。
（3）Capture User Input：进入聊天交互流程，先在聊天窗口中展示问候提示语，然后根据客户输入的内容调用后端聊天API答复客户问题，如果和API对接成功，则进入多轮对话流程，否则聊天任务结束。
（4）GET和POST接口函数：前后端接口对接，该接口需要和后端服务接口对齐。
2．前端功能的Web嵌入
“迪哥的客服”前端功能编排设计完成后，单击“迪哥的客服”编排界面右上角的“publish”按钮，完成“迪哥的客服”的发版，在发版时可以根据业务需要设置其前端界面的颜色、尺寸等内容。
发版成功后，复制“Installation”下的代码块，将其粘贴到前端Web页面的前，即可完成客服聊天机器人前端功能的Web嵌入。

后端功能设计

1．后端总体功能和部署简介
客服聊天机器人后端服务利用Replit工具构建和发布，这可以省去服务器租用、后端服务的打包、服务部署等工作流程，实现一键发布和部署。
（1）复制“迪哥的客服”项目代码，单击右上角的“Fork”按钮构建自己的后端服务代码。
（2）将functions.py中OPENAI_API_KEY、url、AIRTABLE_API_KEY替换为自己的数据，main.py中OPENAI_API_KEY替换为自己的数据。
（3）单击“Run”按钮运行程序代码，如果出现图右下角框中的提示标识，则说明后端服务运行成功。

（4）单击“New tab”按钮，获取服务接口（出现Not Found后，浏览器中的网页地址即为接口地址），并将其复制到客服聊天机器人的前端GET和POST相关接口中，完成前后端功能的串联打通。
2．重点功能和API调用介绍
该项目包括assistant.json、dige.docx、dige.txt、functions.py、main.py、prompts.py项目文件。下面分别介绍它们的作用及相关外部API的调用情况。
（1）dige.txt是外挂的知识库包括对迪哥AI课程相关情况的介绍，在不同场景下可以外挂不同的知识库。图所示为外挂知识库向量化的生成函数，assistant.json、dige.docx是调用GPT生成的外挂知识库，如果重新导入知识，则要将assistant.json删除，程序运行后会生成新的文件。

（4）单击“New tab”按钮，获取服务接口（出现Not Found后，浏览器中的网页地址即为接口地址），并将其复制到客服聊天机器人的前端GET和POST相关接口中，完成前后端功能的串联打通。
2．重点功能和API调用介绍
该项目包括assistant.json、dige.docx、dige.txt、functions.py、main.py、prompts.py项目文件。下面分别介绍它们的作用及相关外部API的调用情况。
（1）dige.txt是外挂的知识库包括对迪哥AI课程相关情况的介绍，在不同场景下可以外挂不同的知识库。图所示为外挂知识库向量化的生成函数，assistant.json、dige.docx是调用GPT生成的外挂知识库，如果重新导入知识，则要将assistant.json删除，程序运行后会生成新的文件。