引言：AI 应用开发进入「低代码」时代
在过去，开发一款功能完整的 AI 应用需要专业的程序员团队，耗时数周甚至数月。但随着 Coze AI App 的出现，这个门槛被彻底打破。作为一款支持拖拽式低代码开发的平台，Coze AI App 让任何人都能轻松创建自己的智能应用。
本文将以我开发的「异次元传送门」应用为例，详细介绍如何利用 Coze AI App 的强大功能，在短时间内搭建出一款具有商业级体验的 AI 写真生成工具。这个应用可以根据用户上传的照片，生成积木风、搞笑风、僵尸风等多种风格的写真照片。
一、Coze AI App 平台概述
1.1 打破传统 Chatbot 局限
Coze AI App 不再局限于传统的聊天窗口模式，它将 AI 功能深度融入到应用的各个环节。无论是网站、手机 App 的全部功能，还是某个特定模块，都可以通过 Coze AI App 快速实现。
1.2 低代码界面开发的革命
平台提供了移动/PC 端拖拽式的低代码界面设计工具，即使你没有任何编程经验，也能通过拖拽组件、配置属性来创建美观且功能强大的界面。这种方式大大缩短了开发周期，让创意能够更快地落地。
1.3 AI 工作流设计
Coze AI App 最强大的功能之一是其 AI 工作流设计能力。它允许开发者将大模型、插件、知识库、数据库等节点连接起来，形成复杂的 AI 处理流程。通过简单的拖拽和配置，就能实现复杂的 AI 功能。
二、「异次元传送门」应用功能介绍
「异次元传送门」是一款基于 Coze AI App 开发的 AI 写真生成应用，它的核心功能是将用户上传的照片转换为不同风格的艺术写真。具体功能请看 vcr ：
这里不是我特意放的美女照片啊，我百度图库搜素人像最上面就是她了，也不是让兄弟们看看，就是把素材给大家。
分享一下生成的最美僵尸：
三、开发准备与环境搭建
话不多说直接开搞
在控制台中创建一个新的应用项目，命名为「异次元传送门」
其中最主要的完成功能的还是工作流，所以我们先来设计一个工作流吧。
点击确认创建之后点击开始节点,设置如图右侧所示：
我们实现的功能里面不是有四个选型吗，所以我们还要添加选择器节点
选择style
把条件设置成等于，条件分支添加三次，将各个选项分别设置为1，2，3
最终展示（你也可以再加5个，因为等下要添加的插件能完成9种风格变换，我只用了其中四种）
点击添加节点看到如图右上角紫色插件图标进去
找到这里的风格滤镜，添加四次。
选择image，名字都改成对应风格名字
依旧添加节点这次是为了输出生成的图片，点击文本处理
如图示接引四次数据
看样子是每个都输出，实际上是收到哪个就接哪个，因为输入只有一个，只走一条线。
来到最后结束节点
到这主体功能已经结束了，下面就是使用低代码搭建前端页面的过程了，我们可以试运行看看效果
你可以试一试上传好哥们照片了，这里给的是一个网址，直接放网站上搜索就行，jiangjiang：小僵尸来咯！
四、界面设计
4.1 拖拽式界面设计
Coze AI App 的界面设计工具非常直观，就像玩拼图一样简单。我只需从左侧组件库中拖拽所需的组件到设计区域，然后设置组件的属性即可。
例如，创建上传照片区域时，我只需拖拽一个「文件上传」组件到界面上，然后设置其样式和交互属性。整个过程无需编写一行代码。
这里步骤太多了，但是很简单，不用敲一行代码
只要来到左侧组件部分选择需要的组件拖拽到页面中即可。
前端你懂的，虽然简单但是步骤太多，这里我稍微省略一点，只说主体部分。
咱们主要是让这个页面和工作流建立联系，然后让生成的图片直接展示就行
来到表单部分，点击右边的事件，新建并给出如图配置，执行动作就直接连接工作流了，Workflow第一个参数就是用户传入的图片，第二个是选择的生成图片风格。
Select1 的配置也重要，注意选项值不要打错就行
别忘了给按钮添加事件，就是表单的提交
可以看到我在等待图片生成时，上传图片、选择风格和点击按钮都是禁止的，只要在这个状态栏设置加载时禁用即可。
Div3就是右侧小猫那个界面，我们可以看到明明有两张图片，却只显示一张，而由演示案例也可以看见加载完成这个小猫图片会被取代。来看看怎么实现吧。
我们肯定能猜到，这个一开始隐藏的Image2就是生成的图片，所以它的来源我们要绑定设置为工作流输出的图片
隐身的实现更是没有一点技术含量，直接下拉到最下面，将可见性设置设为true即可。
最后我们怎么实现图片替换呢，相信你已经想到，只要让Image2显示，Image3隐藏即可。这里我们使用表单绑定事件来实现
这是让Image3隐藏的事件
这是让Image2显示的事件
已经全部讲完了，其实工作流就讲完了功能，剩下的是为了彰显扣子低代码的强大，只用拖拽，和点击设置一些功能和模板即可。整个过程非常直观，即使是没有 AI 开发经验的人也能轻松完成。
三、总结与展望
通过这次开发经验，我深刻体会到了 Coze AI App 平台的强大之处。它让原本复杂的 AI 应用开发变得如此简单，即使是没有专业编程背景的人也能轻松创建出功能强大的应用。
未来，我计划继续优化「异次元传送门」应用，增加更多的风格选项和功能，同时探索更多的应用场景。我相信，随着 Coze AI App 等低代码平台的不断发展，AI 应用将不再是少数技术精英的专利，而是会走进千家万户，为更多人带来价值。
如果你也对 AI 应用开发感兴趣，不妨尝试一下 Coze AI App，相信你也能创造出令人惊叹的作品！
