逆天，扣子空间就是我心中的神

推荐语

扣子空间让前端开发变得简单高效，3分钟就能打造一个儿童问答网页，还能智能对接API实现完整功能！

核心内容：
1. 扣子空间快速创建美观前端界面的实操体验
2. 通过集成扣子智能体API解决后端服务问题
3. 完整实现儿童友好型问答系统的开发全流程

杨芳贤

53AI创始人/腾讯云(TVP)最具价值专家

今天跟大家聊一聊扣子空间的玩法。

其实，目前来看，在国内扣子空间去做一些前端交互界面真的是非常不错的一个选择。因为我最近在体验过程中发现，它做的前端交互界面还是挺漂亮的，基本上你只需要把需求描述清楚之后，一次性出来的效果基本上能够让我们满意。

今天我就带大家实操一个带有前端交互界面的问答项目。我家里老大，四岁了，也是到了爱发问的年纪，有时候，动不动就问很多为什么？我想着要不就搭建一个十万个为什么的网页吧，有问题，直接在这里提问，AI 可能智能回答。我想来想去，选择了使用扣子空间来搞这个项目。

所以，我的需求就是制作一个可以帮助孩子回答为什么的网页。我想的是左边是输入框，提问问题，右边是答案。另外，我要求是答案必须是小朋友可以看明白的语言，所以，要求 AI 回答的时候，用更多小朋友可以看懂的小例子来回答。

基于以上我的要求，我的前端交互界面的自然语言指令是：

帮我制作一个「淘气宝宝三千问」的知识卡片网页。

设计要求如下：

左边是输入框，输入「为什么」的问题？右边是知识卡片回答区域，显示问题的答案，答案要求知识卡片化，要通俗易懂，小孩子都能看懂。

你看我的要求多简单？我们看看扣子空间给我们制作的什么样？大约三四分钟之后，给我制作的效果如下：

我个人感觉还是挺好看的，整个界面也算美观大方了。

但是，到这一步，我发现一个问题，那就是扣子空间只能帮我制作前端交互界面，你可以在上边点击各种操作，能够进行交互，而且它也自动帮我预设了两个问题，也就是除了这两个问题有答案之外，你问其他的问题都显示暂时还没答案。

换句话讲，就是扣子空间不支持后端服务。

但是，它可以帮我集成接口，我就灵机一动，不是扣子智能体可以提供 API 吗？我搭建一个扣子智能体不就行了吗？然后让扣子空间调用扣子智能体的接口。

所以，我就先是打开扣子的工作台，创建了一个智能问答的扣子工作流。

这个工作流很简单，一共三个节点，除了开始、结束之外，就是插入了一个大模型节点。大模型节点的作用就是来智能回答问题。我给大模型的要求就是请用小孩也能看懂的话来回答问题。

这里工作流配置完成之后，测试一下，没问题，就发布。

然后，我们再去创建一个扣子智能体。

智能体的创建很简单，我们这里选择「单Agent（对话流模式）」，就可以选择我们刚才发布的工作流了。这样智能体就创建完了。

我提问了一个问题，效果不错。

然后我就查 API 文档，将扣子智能体的请求接口和案例复制出来，复制给扣子空间。

说这是接口的请求方式，并告诉它：content 这个参数是输入框的问题参数，其他参数固定不变。

然后，它就开始自动帮你对接接口了，然后就完成了整个开发工作。

大家可以看一下最终的效果。我运行一下这个前端项目，最终效果如下：

我提问问题之后，点击「寻找答案」按钮，右边就开始思考等待了。然后，拿到全部结果之后，就展示出来了。如下：

是不是效果还不错呢？

其实，这个思路可以做很多好玩的东西，各种互动内容、教学等等吧，都可以。

大家可以按照我的思路，实现自己的更多好玩的想法和创意。感兴趣的可以去试一试。