重磅！字节发布扣子应用 IDE，一站式开发各种复杂 AI 应用，强的离谱！！

前言

大家好，我是R哥。

随着 ChatGPT 的火爆全网，AI 这几年迎来爆发式增长，国内 AI 也遍地开花，各大厂也开始卷 AI 赛道了，眼花缭乱的大模型，花里胡哨繁杂的功能，多的真让人摸不着头脑。

更头痛的是，传统 AI 应用的开发门槛非常高，也非常耗时费力，而且大多都只支持对话式交互，对智能体、AI 应用的开发支撑能力非常有限。

R哥我一直也在使用 AI 提效，在使用传统 AI 工具开发 AI 应用也显得非常吃力，何况我还是 10 多年的老程序员了，对于非专业人士或者初学者来说，想开发自己的 AI 应用那更是天方夜谭。

那么问题来了：

如果有一个「可视化工具」能让 AI 应用开发变得简单有趣，不用研究 API，也不用懂代码，人人都能搭建自己的 AI 应用，那会是怎样的体验呢？

最近可视化 AI 开发的趋势可以说是越发火热，比如：胃之书，这类工具的出现又让我看到了希望，通过可视化开发，大幅降低了语言模型应用的开发难度，但仍需一定的代码基础。

真正 0 代码、可视化的 AI 应用开发，字节旗下的扣子（coze.cn）就不得不说了。

本文我也会带大家体验一下扣子的魅力，看看我如何 0 代码搭建自己的 AI 应用：写作助手。

扣子 ProjectIDE 重磅发布

扣子之前只能开发智能体，虽然也是基于可视化开发，也能完成复杂的工作流，但前端还是需要对话式交互，没有提供个性化定制前端页面的能力。

但在 11 月 28 号这天，扣子真的发力了，带来了重磅新功能：Project IDE，提供了定制前端页面的能力，从前端到后端，0 代码，人人都能一站式开发自己的 AI 应用。

我说几个重点吧：

1、首先，ProjectIDE 搭载了 UI Builder，带来了更灵活可控的数据读写能力，可以搭建具有完整前后端的 AI 应用，并可以将其发布为 API 服务、模板，或上架至扣子商店。

2、其次，应用的业务逻辑是由编排好的工作流实现的，同时可通过变量、插件、知识库、数据库等方式灵活地与本地或线上数据进行交互。

3、此外，扣子提供了丰富的页面组件和可视化的编排能力，让你无需写一行代码就可以快速搭建出用户界面。

ProjectIDE 的发布，让人人都能开发一个自己的 AI 应用变为现实。

对了，扣子还将在 12 月 19 日在上海举办开发者日活动，会邀请众多开发者和行业内人士一起交流，对 AI 感兴趣的记得一定要来看直播，来扫码预约直播吧：

AI 应用搭建初体验

AI 应用能力才发布不久，还是 Beta 版本，R哥我已经等不及了，我先尝为快，也搭建了一个自己的 AI 应用：写作助手，真的强的飞起。

写作助手的功能如下：

用户通过在前端页面输入写作需求，后端能理解需求，创作文章内容并返回，内容包括封面和文章内容。后端能参考我的网站原创文章进行创作，并且能将创作内容保存到数据库。

下面我带大家来体验下一站式开发具备前后端的 AI 应用，重点是可视化、0 代码、0 对话交互式开发。

整个开发流程图所示：

这个开发流程放在传统的 AI 工具上面，除了 AI 是别人的，其他都要自己开发，包括：前端页面、数据库、知识库、后端系统，等等，这开发难度和工作量你敢想吗？

现在有了扣子，仅需 5 步，就能轻松上线自己的 AI 应用。

来，看我怎么带你用扣子玩转 AI 应用～

第 1 步：创建 AI 应用

首先登录扣子平台：

https://www.coze.cn/

在左侧菜单栏，点击工作空间，选择一个工作空间。

工作空间是各种资源和开发项目的集合，不同工作空间内的数据和资源相互隔离。

然后在项目开发页面，点击右上角的创建按钮，然后在弹出的页面，选择创建应用，我们可以创建空白应用，也可以选择官方提供的模板进行创建：

比如我创建一个空白应用，输入应用名称、应用介绍，生成/上传应用图标，最后点确认按钮，会直接进入到 AI 应用的集成开发环境：

这也是扣子最近发布的 ProjectIDE 开发工具，可以一站式开发具备前后端能力的 AI 应用。

第 2 步：编排业务逻辑

创建完 AI 应用项目后，在「业务逻辑」菜单下就可以开始进行业务逻辑编排了，也是就 AI 应用的后端处理流程。

下面是我先演示下我已经创建好的业务逻辑：

这里主要包括工作流、数据（数据库、知识库）的应用，下面是详细介绍。

点击左侧工作流 + 号创建一个工作流，新的工作流默认自带初始化的开始、结束两个节点，中间可以随意添加自定义节点，自定义节点可以进行重命名、创建副本、删除等操作。

点击页面底部的「添加节点」菜单添加节点：

扣子提供了大模型、代码、意图识别、知识库写入与检索等丰富的工作流节点，把创建好的节点串连起来就形成了完整的工作流：

下面我详细介绍下这串工作流的使用和处理逻辑。

开始

开始节点是默认自带的，它是工作流的开始：

添加几个输入参数，这几个参数是需要从页面传入的。

知识库检索

点击左侧数据菜单 + 号可创建知识库，比如我创建了一个原创文章知识库：

知识库支持添加本地文档、在线数据、Notion、飞书等，我创建的这个原创文章知识库是在线数据，通过我个人的网站抓取的，主要用于在创建文章之前检索知识库中的内容，并以此参考写作。

然后再添加一个「知识库检索」节点：

填写输入参数值，我这里选的是根据标题进行检索，然后就是设置要检索知识库，以及其他控制参数。

创作文章

比如我添加的这个「创作文章」大模型节点，点击它可以对它进行设置：

核心能力介绍：

• 可以选择不同的模型，支持国内各种大模型，比如：官方的豆包、阿里通义、Kimi 等等；
• 可以设置技能，比如我这里添加了内置的微信搜索、百度搜索两个技能；
• 可以设置输入参数，比如我这里添加了在开始节点中添加的输入参数；
• 可以设置系统提示词、用户提示词，提示词是支持自动优化的，并且可以使用 {{}} 引用输入参数或变量；
• 可以设置输出参数，比如我这里设置了输出为 Markdown 格式，输出变量名为 output 字符串类型。

我这里主要设置的根据用户提交的创作信息，以及根据我创建的知识库来进行创作。

图像生成

添加一个「图像生成」节点，用来生成文章的封面：

先设置模型、比例、生成质量等，然后就是输入参数和提示词，我这里设置的是根据标题来生成一张封面图。

请注意，图像生成和创作文章节点是同时执行的，因为它们没有因果关系，同时执行可以提升工作流效率。

合并结果

添加一个「文本处理」节点，创作文章和图像生成之后，我们需要合并这两个节点的处理结果，即把封面和内容放在一起再交给下一个节点处理。

输入参数设置前面两个节点的输出的值，字符串拼接我这里设置的是封面拼接在内容前面。

写入数据库

点击左侧数据菜单 + 号可创建数库，比如我创建了一个 t_article 数据库：

这创建的这个 t_article 数据库表，主要用于在创作完文章之后，在输出文章内容之前，将所有创作的信息写入到这个数据库表中。

添加一个「数据库」节点：

设置输入参数，添加数据库表，然后编写 SQL，可使用 AI 自动生成，比如我写的：添加一条记录，它就会生成 INSERT 语句，然后插入对应的变量。

结束

结束节点也是默认自带的，它是工作流的结束：

这里可以设置要输出的内容是「返回变量」还是「返回文本」，这也和页面的取值方式有关，我这里设置返回 content 变量。

至此，整个编程业务逻辑的工作流就设计完成了，接下来就是设计界面了。

第 3 步：设计界面

利用扣子最新发布的 UI Builder 能力，无需复杂指令即可实现直观的界面交互设计，然后通过前端页面来调用后端工作流，这一整套前后端的 AI 应用就能跑通了。

切换到「用户界面」菜单：

扣子一次性发布了 17 个组件，包括布局组件、展示组件、输入组件，只需要将对应的组件拖入到容器中，再进行相应的设置即可，无需编写额外代码。

布局设计

关于写作助手大概的设计思路是，设计一个顶部应用头部、左侧输入参数区域、右侧文章展示区域，参考以下操作完成页面布局：

• 在组件面板中，找到布局组件 > 容器组件（也就是 div 组件），依次拖入 3 个容器组件到主容器中，并设置排列方式、比例等参数；
• 在左侧输入参数区域拖入表单、文本、输入框、按钮组件；
• 在右侧文章展示区域拖入文本、Markdown 组件；

下面是我设计好的页面：

我拿几个组件设置举例吧，如以下动图所示：

组件设置都是傻瓜式的，并且都会有相应的设置帮助，这里就不详细展开了。

触发事件

重点说下各个组件的事件，主要是操作按钮，以及表单的提交事件。

添加各个操作按钮的事件：

所有这三个按钮都需要添加这两个事件，第一个事件是点击按钮提交表单，第二个事件是设置将写作风格显示在下方，并用于传递到后端工作流。

然后添加表单的提交事件：

添加 OnSubmit 提交表单事件，执行动作就是 调用 Workflow，Workflow 就选我们之前创建好的 article 工作流，Workflow 入参配置就是我们界面上组件的值。

通过配置事件和添加数据，就能实现业务逻辑与用户页面的联动了。

第 4 步：应用测试

以上完成后，点击右上角的「预览」按钮就能进入预览界面了，然后输入写作需求，然后再点击相应的按钮进行测试。

测试效果如以下动图所示：

右侧的展示区域是可以滚动的，创作的结果正常输出了封面、文章内容，并且文章内容是参考了我的原创文章知识库的。

对了，除了在界面上测试，工作流也是可以单独调试的，点击右上角的试运行按钮进入调试，效果如下图所示：

查看调试所产生的数据库记录：

不仅能测试整个工作流，还能对单个节点进行测试，并且还能显示每个节点的运行时长和运行结果，非常方便。

第 5 步：应用发布

完成应用测试后，点击右上角的「发布」按钮，我们就可以将 AI 应用发布到商店或模板，或发布成 API 服务与其他应用集成。

在发布页面，输入版本号和发布描述，然后选择发布平台，我这里选择发布到扣子商店，最后单击页面上的发布按钮，完成应用发布：

发布成功后，大家就可以在扣子商店上搜索使用这个 AI 应用了：

点击文末阅读原文链接可以体验更多 AI 应用。

感兴趣的都可以来体验看看，一站式开发前后端能力的 AI 应用，刷新你对新一代 AI 的认知。

扣子这次的升级真的是史诗级的变革，真的很新颖，不仅能轻松实现各种复杂的 AI 应用，AI 应用的使用体验也非常好，不再需要像传统 AI 工具那样一句句对话式交互，非常方便快捷。

扣子开发者日

最后，说下扣子的最新动态和活动，对 AI 应用感兴趣的小伙伴千万不要错过。

火山引擎将于 12 月 17 日 ~ 12 月 19 日在上海举办 2024 冬季 FORCE 原动力大会，其中扣子在 12 月 19 日下午将进行面向扣子开发者的分论坛活动，开发者将与扣子核心团队面对面。

具体内容包括:

• 官方面对面交流： 平台功能抢先知，最新发布的 ProiectIDE/Ul builder、最近火热的模板的最新功能、内测抢破头的语音 API，都将在本次面对面中进一步发布独家信息。
• 成功案例分享： 资深扣子开发者实战案例分享，启发创意，探索变现。资深技术大拿、知名大V、AI创业者、企业内的AI先行者，这是AI开发最佳实践者的聚会。
• 开发者主题探讨： 关于扣子 “好的”、“坏的”、“想吐槽的”，大胆开麦，核心团队准备好了聆听所有声音。

想了解更多开发者日详情点击文章《扣子开发者日｜邀你参与扣子创作者年终聚会，聊聊 AI 应用的未来》了解更多，或者也可以点击报名链接快速报名开发者日活动。

更多文章推荐：

1.Spring Boot 3.x 教程，太全了！

2.2,000+ 道 Java面试题及答案整理(2024最新版)

3.免费获取 IDEA 激活码的 7 种方式（2024最新版）

觉得不错，别忘了随手点赞+转发哦！