智能体项目开发实战（扣子）（微课版）课件 项目7、8 开发低代码应用、扣子AI编程入门

项目7开发低代码应用工信精品人工智能系列教材《智能体项目开发实战（扣子）（微课版）》目录01低代码应用开发快速入门02开发业务逻辑03设计用户界面04课后实践本项目从对话型智能体转向更完整的产品形态——低代码应用。与智能体不同，低代码应用是具备独立用户界面和复杂业务逻辑的、可独立部署的AI应用。通过本项目学习从应用规划、业务逻辑编排、用户界面设计到测试发布的全流程。项目7开发低代码应用项目引入项目目标与引入知识目标了解低代码应用的特点了解低代码应用开发环境了解低代码应用的多端适配能力目标熟悉低代码应用的创建、测试与发布全流程能够为低代码应用编排业务逻辑能够使用用户界面编辑器初步了解全栈低代码应用开发素养目标培养产品化思维培养创新精神提高动手能力项目引入前面介绍了如何创建以对话为核心的智能体，本项目转向更完整的产品形态——低代码应用。与智能体不同，低代码应用是具备独立用户界面和复杂业务逻辑的、可独立部署的AI应用。本项目将引领读者从零开始，熟悉从应用规划、业务逻辑编排、用户界面设计到测试发布的全流程，掌握AI能力产品化的核心技能，打造可用的AI应用。项目7开发低代码应用037.1低代码应用开发快速入门了解低代码应用的特点、开发环境掌握从应用规划到测试发布的全流程7.1.1低代码应用能做什么基于扣子编程开发的低代码应用是独立的AI解决方案灵活组装智能服务核心仍然是先进的大模型靠工作流或对话流处理复杂逻辑像搭积木一样设计自动化流程充分利用丰富的节点资源多端适配能力强适用于手机App、网站适配多种不同终端设备支持桌面网页端开发支持小程序和H5端开发多种发布渠道API服务或ChatSDK集成发布为微信小程序发布为抖音小程序部署为Web页面低代码应用的适应性低代码应用主要靠工作流或者对话流来处理复杂的逻辑和操作，开发者可以像搭建智能体一样充分利用扣子编程内置的丰富节点资源，像搭积木一样灵活地设计自动化流程，轻松组装出各种智能服务。开发者可以给它配上专属的用户界面，其核心仍然是先进的大模型，使得AI能力能够以产品化的形态服务于广泛的用户群体。项目7开发低代码应用067.1.2何时选择开发低代码应用智能体以对话为核心交互方式优势：快速搭建，拥有强大的对话能力适用场景：智能客服、个性化助手知识问答机器人以一问一答为主要交互方式功能相对单一的AI伙伴低代码应用具备完整业务逻辑和独立UI优势：构建复杂AI工具和业务系统适用场景：需要复杂的图形用户界面涉及多步骤业务流程填写表单、分步审核生成并下载报告等选择建议当项目目标是打造以对话（一问一答）为主要交互方式，功能相对单一的AI伙伴时，优先选择智能体。当项目需要复杂GUI、涉及多步骤业务流程，且需要处理多用户业务数据时，选择低代码应用。项目7开发低代码应用077.1.3低代码应用开发流程扣子编程提供高效、快捷的低代码应用开发方式Step1创建项目创建低代码应用项目自动进入IDE进行业务逻辑编排Step2编排业务逻辑使用工作流编排业务逻辑通过变量、插件、知识库、数据库与数据交互提供试运行能力进行调试Step3设计用户界面丰富的组件和可视化能力拖曳方式快速构建组件与数据事件绑定Step4测试应用提供预览能力实时测试应用确保运行结果符合预期Step5发布应用发布到所选平台扣子商店、社交平台等或发布为API服务项目7开发低代码应用087.1.4扣子应用开发环境扣子编程提供在线应用IDE，支持可视化编排和调试能力业务逻辑模块资源列表包含工作流、插件、知识库、变量、数据库可使用空间内已有资源，也可新建资源配置区域对创建或添加的资源进行配置和调试用户界面模块资源面板组件、模板、结构、数据画布支持组件拖曳和拉伸调整大小配置面板"属性"调样式，"事件"绑交互事件绑定示例页面组件支持与开发资源的数据和事件进行绑定，快速实现前后端数据的联动。例如：给按钮组件绑定工作流的点击事件，当用户单击按钮时，就会触发工作流调用。项目7开发低代码应用09案例实战7-1从零开始开发一个网页端低代码应用——应用设计与界面规划应用功能设计应用名称：智能周报生成助手输入允许用户输入一周的工作摘要（可接收零散、口语化的描述）处理通过大模型将工作摘要自动整理、润色，生成结构清晰、语言专业的周报输出在页面上清晰展示生成的周报，并提供复制功能界面规划标题区域应用名称，采用文本框输入区域多行文本框（输入工作摘要）按钮（触发生成操作）输出区域采用Markdown组件展示周报项目7开发低代码应用10案例实战7-1从零开始开发一个网页端低代码应用——创建低代码应用项目创建低代码应用项目步骤1登录扣子编程，进入"项目开发"页面2单击"项目"或"创建"按钮，选择"低代码搭建"3单击"创建空白应用"4输入应用名称和介绍，AI自动生成图标5单击"确认"，进入应用IDE项目7开发低代码应用10案例实战7-1从零开始开发一个网页端低代码应用——编排业务逻辑创建weekly_report工作流，实现周报自动生成功能开始节点大模型节点结束节点开始节点配置输入变量名改为work_summary勾选"必填"复选框用于接收用户输入的工作摘要大模型节点配置角色：专业秘书技能：信息提取与归纳、结构化表达输出格式：标准周报（本周概述/主要工作/问题与方案/下周计划）语言风格：正式、专业、简洁结束节点配置输出变量绑定大模型节点输出返回文本设置为{{output}}开启流式输出实现打字机一样的输出效果提示：与智能体所使用的工作流需要单独发布不同，低代码应用中添加的工作流无须发布即可使用。项目7开发低代码应用11案例实战7-1从零开始开发一个网页端低代码应用——编排业务逻辑创建weekly_report工作流，实现周报自动生成功能开始节点配置输入变量名改为work_summary勾选"必填"复选框用于接收用户输入的工作摘要大模型节点配置角色：专业秘书技能：信息提取与归纳、结构化表达输出格式：标准周报（本周概述/主要工作/问题与方案/下周计划）语言风格：正式、专业、简洁结束节点配置输出变量绑定大模型节点输出返回文本设置为{{output}}开启流式输出实现打字机一样的输出效果提示：与智能体所使用的工作流需要单独发布不同，低代码应用中添加的工作流无须发布即可使用。项目7开发低代码应用11案例实战7-1从零开始开发一个网页端低代码应用——设计用户界面步骤1：选择UI类型进入用户界面编辑器选择"桌面网页"类型单击"开始搭建"也支持小程序和H5端项目7开发低代码应用12案例实战7-1从零开始开发一个网页端低代码应用——设计用户界面用户界面编辑器组成左侧-资源面板组件（UI组件）、模板（预设模板）、结构（页面和图层管理）、数据（界面变量）中间-画布支持组件拖曳，通过拉伸调整组件大小右侧-配置面板"属性"区域调整组件样式，"事件"区域绑定交互事件扣子编程提供可视化的用户界面搭建能力，开发者可以通过拖曳的方式轻松搭建用户界面，而无须编写代码。项目7开发低代码应用12案例实战7-1从零开始开发一个网页端低代码应用——设计用户界面步骤2：页面结构布局画布排列方向：纵向Div1（标题区）：横向，100%，80pxDiv2（功能区）：横向，100%，100%Div3（输入区）：50%，600pxDiv4（输出区）：50%，600px项目7开发低代码应用12案例实战7-1从零开始开发一个网页端低代码应用——设计用户界面步骤3：配置组件标题：文本组件，"标题一"样式输入区：表单+多行文本框+按钮按钮内容："生成周报"输出区：Markdown组件占位文案：周报将在这里生成项目7开发低代码应用12案例实战7-1从零开始开发一个网页端低代码应用——配置事件配置事件和数据联动1选中"生成周报"按钮，切换到"事件"选项卡2事件类型选择"点击时"3执行动作选择"调用工作流"4选择weekly_report工作流5参数work_summary绑定多行文本框值6Markdown组件内容绑定工作流返回数据项目7开发低代码应用13案例实战7-1从零开始开发一个网页端低代码应用——配置事件配置事件和数据联动1选中"生成周报"按钮，切换到"事件"选项卡2事件类型选择"点击时"3执行动作选择"调用工作流"4选择weekly_report工作流5参数work_summary绑定多行文本框值6Markdown组件内容绑定工作流返回数据项目7开发低代码应用13数据流转示意用户输入摘要触发工作流大模型生成周报Markdown展示案例实战7-1从零开始开发一个网页端低代码应用——测试发布测试与发布测试应用单击"预览"打开预览页面输入工作摘要，单击"生成周报"验证输出区域显示格式工整的周报发布应用单击"发布"按钮选择发布渠道（扣子商店等）输入版本号和描述后发布项目7开发低代码应用13同步训练7-1通过应用模板快速搭建低代码应用应用模板是完整的、可运行的低代码应用，可快速复制并改造操作步骤1登录扣子编程，打开应用模板页面2选择"城市天气画报"模板3单击"预览"按钮体验功能4输入城市名测试（如"青岛"）5单击"复制"按钮，设置名称和空间6进入应用IDE进行修改模板搭建的优势复制应用模板后，开发者会拥有一个与应用模板完全一样的低代码应用。可以在此基础上将其改造为更适合自己的低代码应用，大大缩短开发周期。适合作为学习和参考的起点，快速理解完整的应用架构。项目7开发低代码应用14同步训练7-1通过应用模板快速搭建低代码应用常见问题与解决问题：工作流调用失败原因："豆包-工具调用"模型已停止运行解决方案：复制应用模板后，修改工作流中使用的模型为更新版本（如"豆包·2.0·mini"）修改后即可正常使用模板功能项目7开发低代码应用147.2开发业务逻辑掌握低代码应用的资源管理业务逻辑编排和对话流配置7.2.1管理低代码应用的资源资源存储位置空间资源库共享资源，可被空间内的AI应用和智能体使用AI应用资源库应用独享资源，默认不被其他项目使用智能体没有独享资源，只能使用空间资源库添加资源的方式创建资源直接在应用中创建工作流、插件、知识库等引入资源将空间资源库中已发布的资源复制到应用中引入后修改不影响空间资源库中原有配置资源管理操作复制到资源库复制一个资源到空间资源库，复制后空间资源列表中会出现一个相同配置的资源，可供其他项目使用移动到资源库将资源从应用中移动至空间资源库，移动后资源不再属于这个应用，但使用这些资源的节点不会受到影响删除资源选中资源后选择"删除文件"，资源被删除后不可恢复，应谨慎操作，确保删除后不影响应用运行项目7开发低代码应用167.2.2编排业务逻辑——工作流的使用工作流是低代码应用的核心部分，相当于应用的"发动机"工作流的核心作用决定应用的输入输出数据结构、接收和处理数据的规则以及决策流程定义数据在应用中的完整生命周期——从接收输入，经过判断与加工，到最终产生输出复杂业务逻辑可能需要多个工作流才能实现简单业务逻辑使用一个工作流配合基础节点即可实现例如：文本生成、数据转换等单一功能复杂业务逻辑需要多个工作流协同不同工作流处理不同业务环节例如：数据记录+报告生成等多环节业务测试方法主要通过测试工作流运行结果验证是否符合预期使用试运行功能进行调试关键提示：低代码应用中的工作流无须单独发布即可使用，与智能体中的工作流不同。项目7开发低代码应用177.2.2编排业务逻辑——插件与变量的使用插件的使用低代码应用中不能直接使用插件需通过工作流的插件节点使用可用插件来源：插件商店中的公共插件空间中已发布的插件应用内部创建的专属插件变量的类型系统变量平台预定义变量用户变量用户自定义变量应用变量内存变量（低代码应用特有）应用变量每次执行工作流自动恢复默认值可读可写，是连接UI组件与工作流的关键桥梁应用变量的应用场景状态跟踪跟踪用户状态，如猜谜游戏中的score变量，每猜对加1，新一局重置为0缓存数据存储频繁访问的数据，如定义news变量存储每日最新AI新闻，减少数据库查询应用变量就像游戏中的生命值——每次开始新的一局游戏时，生命值都会重置为游戏设定的初始值。变量控制用户界面状态与数据流转，既可用于存储用户对话状态，也是连接前端UI组件与后端工作流数据的关键桥梁。项目7开发低代码应用18案例实战7-2个人健康数据看板——创建应用与数据库个人健康数据看板——为用户量身定制的"AI健康管家"创建应用应用名称：个人健康数据看板应用介绍：为用户量身定制的"AI健身管家"，自动记录、分析并可视化用户的健康数据创建空白应用后进入业务逻辑页面搭建两个工作流：add_record和query_report创建数据库数据表名称：health_records6个字段：record_type（记录类型）record_content（记录内容）record_value（记录数值）record_unit（记录单位）temperature/humidity（温度/湿度）字段名record_typerecord_contentrecord_valuetemperaturehumidity含义记录类型记录内容记录数值温度湿度示例值运动/体征/饮食跑步5公里525°C60%数据来源用户输入用户输入用户输入天气插件天气插件项目7开发低代码应用19案例实战7-2个人健康数据看板——搭建add_record工作流记录个人健康数据，功能：获取天气→写入数据库→返回确认信息开始节点获取健康数据插件节点获取天气数据新增数据节点写入数据库大模型节点返回确认信息开始节点设置多个输入变量：record_type,record_contentrecord_value,record_unitcity（用于获取天气）获取用户记录的健康数据插件节点配置搜索"高分天气"插件添加getNowAndForecastWeather工具place=开始节点的cityrealtime=true获取实时温度和湿度作为环境信息数据库与大模型新增数据节点数据表：health_records温度/湿度=插件输出其他字段=开始节点输入大模型节点返回记录添加成功信息项目7开发低代码应用20案例实战7-2个人健康数据看板——搭建add_record工作流记录个人健康数据，功能：获取天气→写入数据库→返回确认信息项目7开发低代码应用20案例实战7-2个人健康数据看板——搭建query_report工作流查询个人健康数据并生成总结报告开始节点查询条件插件节点获取当前时间大模型节点解析时间范围查询数据节点从数据库查询大模型节点生成报告获取当前时间搜索"现在时间"插件添加get_current_datetime工具获取当前日期和时间以格式化字符串返回解决大模型对当前时间的误判问题解析时间与查询解析时间节点大模型解析时间范围输出time_start和time_end查询数据节点数据表：health_records按bstudio_create_time字段匹配起止时间生成报告生成报告节点分析查询到的健康数据生成总结报告连接结束节点输出变量output绑定报告内容开启流式输出效果项目7开发低代码应用21案例实战7-2个人健康数据看板——搭建query_report工作流查询个人健康数据并生成总结报告项目7开发低代码应用21案例实战7-2个人健康数据看板——设计用户界面用户界面设计选择"桌面网页"类型标题区域："个人健康数据看板"输入区域（两个表单）：Form1：记录数据（3文本框+1下拉列表+1数字框+1按钮）Form2：生成报告（1文本框+1按钮）输出区域：两个Markdown组件项目7开发低代码应用22案例实战7-2个人健康数据看板——配置事件事件配置"记录数据"按钮调用add_record工作流显示Markdown1，隐藏Markdown2"生成报告"按钮调用query_report工作流隐藏Markdown1，显示Markdown2组件显示控制逻辑记录数据流程单击Button1→调用add_record→显示Markdown1（记录结果）→隐藏Markdown2生成报告流程单击Button2→调用query_report→隐藏Markdown1→显示Markdown2（报告结果）通过为按钮添加控制组件的事件，实现单击不同按钮时显示不同的输出区域。控制组件方法选择"设置隐藏"，"何时隐藏"设置为"触发后组件设置为显示/隐藏"。项目7开发低代码应用22案例实战7-2个人健康数据看板——测试应用项目7开发低代码应用227.2.3为低代码应用编排对话流对话流的核心优势在于能够更好地处理需要上下文关联的连续交互逻辑对话流的核心特性每个对话流与特定对话绑定可从绑定对话中读取历史消息新输入输出被记录到对话中存储两类信息：用户的输入+对话流的输出两种对话类型静态对话开发者在对话管理页面手动创建每个对话流需绑定一个静态对话动态对话运行时由创建对话节点自动创建仅用于调试和体验，与线上数据隔离对话管理与配置要点与智能体对话时，平台自动创建并管理对话，无须开发者干预。从头搭建对话型应用时，需要开发者主动配置：创建对话流+关联对话。可在对话管理页面查看已写入的全部消息，直接创建静态对话（默认不与任何对话流绑定）。通过对话流开始节点的CONVERSATION_NAME参数进行绑定。项目7开发低代码应用24同步训练7-2将AI健身教练智能体升级为低代码应用实现H5页面交互，将已有的对话流作为低代码应用的后端逻辑步骤1：创建应用并集成现有工作流创建新应用"个人专属AI健身教练"进入业务逻辑页面单击"+"选择"导入资源库文件"从资源库选择已发布的对话流fitness_coach单击"复制到应用"关键要点不是修改原有智能体，而是创建一个新应用来调用已有的对话流。复制对话流后，可以直接调用，也可以调整修改后再调用。对话流开始节点默认包含USER_INPUT和CONVERSATION_NAME两个输入变量，用于接收用户当前输入和指定对话名称。每个应用都有一个名为Default的默认静态对话，不可被删除或重命名。项目7开发低代码应用23同步训练7-2将AI健身教练智能体升级为低代码应用实现H5页面交互，将已有的对话流作为低代码应用的后端逻辑步骤2：设计H5界面选择UI类型"小程序和H5"关闭页面导航栏从"AI组件"中拖入AI对话组件设置AI对话组件属性：对话流=fitness_coach项目7开发低代码应用23同步训练7-2将AI健身教练智能体升级为低代码应用实现H5页面交互，将已有的对话流作为低代码应用的后端逻辑步骤3：测试与考察单击"预览"测试应用输入健身需求进行对话测试多轮对话能力验证基于上下文的连贯应答考察对话管理中写入的消息记录项目7开发低代码应用237.3设计用户界面掌握用户界面编辑器的使用设计流程和跨平台适配7.3.1进一步了解用户界面编辑器丰富的组件覆盖基础按钮、文本到复杂表单等多种组件，满足不同界面搭建需求组件事件绑定支持为组件配置事件处理程序，轻松实现复杂的交互逻辑多平台支持支持桌面网页端、小程序和H5端的用户界面开发，实现跨平台一致体验，一套代码多端运行拖曳式搭建无须编写代码即可将组件与后台工作流的数据和事件绑定自定义样式可调整颜色、字体、大小等外观属性，实现个性化页面设计高性能渲染即使构建复杂页面，也能保持流畅的用户体验和响应速度用户界面编辑器作为扣子编程的前端低代码工具，既提供了一般前端低代码工具的通用搭建能力，又提供了调用扣子内各项资源的能力。将用户界面编辑器与工作流、插件、知识库、数据库等结合，开发者可以搭建出前后端兼具的全栈AI应用。项目7开发低代码应用267.3.2用户界面设计流程Step1创建页面使用用户界面编辑器搭建首先需要创建一个新页面为后续添加组件提供基础Step2添加组件添加所需UI组件按钮、文本框、列表等满足不同设计需求Step3设置内容参数为输入类型组件设置内容参数（此步为可选）Step4设置属性事件设置组件属性绑定交互事件实现交互功能Step5预览页面预览检查显示效果交互逻辑项目7开发低代码应用277.3.3网页端与移动端用户界面两类用户界面的布局组件高度一致，区别体现在特有组件上对比项网页端移动端说明展示组件徽章、代码展示器、视频音频、轮播网页端偏向富媒体展示；移动端优先支持音频和轮播图输入组件开关、代码编辑、文件上传单行输入、多行输入、单选按钮网页端提供精确操作组件；移动端优化触控输入体验导航组件无独立导航组件标签栏网页端通过页面布局实现导航；标签栏是移动端标准模式高度一致性两类用户界面的布局组件都包括纵向列表、横向列表、宫格列表、瀑布流列表、容器等，具有高度一致性。AI组件都提供AI对话，保证了基于对话流的AI应用体验在跨平台时保持一致。项目7开发低代码应用28同步训练7-3搭建多页面低代码应用在"城市天气画报"基础上增加一个英文壁纸页面修改工作流将模型改为更新版本添加"英文翻译"大模型节点翻译city、condition、date、poetry将翻译节点与结束节点连接项目7开发低代码应用29同步训练7-3搭建多页面低代码应用在"城市天气画报"基础上增加一个英文壁纸页面增加页面复制页面2创建页面3修改文本组件显示英文内容将按钮改成"Changecity"删除页面3的加载时工作流调用项目7开发低代码应用29同步训练7-3搭建多页面低代码应用在"城市天气画报"基础上增加一个英文壁纸页面添加跳转在页面2添加"英文壁纸"按钮配置点击时跳转到页面3使用界面变量解决参数传递测试中英文壁纸切换功能项目7开发低代码应用29同步训练7-3搭建多页面低代码应用在"城市天气画报"基础上增加一个英文壁纸页面解决工作流调用失败问题问题原因：页面2直接调用today工作流时无法获取参数query.city的值根本方案将参数改为应用专属的界面变量：1.在"数据"选项卡中新建界面变量"city"2.为首页"确认"按钮添加界面变量赋值事件（city=Textarea1.value）3.修改Page2调用工作流时city值改为界面变量city的value值项目7开发低代码应用29同步训练7-3搭建多页面低代码应用——测试在"城市天气画报"基础上增加一个英文壁纸页面项目7开发低代码应用29同步训练7-4调试低代码应用扣子编程支持低代码应用搭建调试台，助力开发者快速定位及解决问题调试面板功能实时对页面组件属性及交互事件配置进行调试验证组件功能与交互逻辑是否符合预期默认显示"时间线"选项卡提供组件交互事件的实时运行视图便于追溯事件执行过程时间线信息触发事件的组件名称事件类型和触发动作执行的时间点和耗时事件执行状态和顺序支持筛选和清除时间线内容调试操作步骤1进入应用编辑页面，打开用户界面编辑器2单击"预览"按钮，输入测试内容并触发操作3单击预览页面右上角的调试按钮，展开调试面板4在时间线中查看事件执行过程，跟踪工作流运行状态5查看运行状态、总耗时、输入参数和输出结果项目7开发低代码应用307.4课后实践通过实践任务巩固低代码应用开发的全流程技能7.4课后实践任务1开发个性签名生成器开发网页端低代码应用并进行测试与发布用户可在文本框中输入自己的名字和喜欢的风格（如"古风""酷炫""幽默"）单击"生成"按钮后，调用工作流和大模型生成个性签名并显示在网页中2选择应用模板快速搭建从扣子编程中选择一个应用模板快速搭建低代码应用复制模板后进行简单定制化，创建自己的应用3升级智能体为低代码应用将项目5的案例实战5-2中的智能体升级为低代码应用为其设计用户界面，实现图形化交互4适配移动端并调试将案例实战7-2中低代码应用的用户界面改为移动端用户界面并进行调试，确保功能正常运行项目7开发低代码应用32项目总结开发低代码应用01低代码应用开发全流程02业务逻辑编排（工作流/插件/变量）03用户界面设计与事件配置04测试、调试与发布05对话流与多页面应用《智能体项目开发实战（扣子）（微课版）》人民邮电出版社项目8扣子AI编程入门工信精品人工智能系列教材《智能体项目开发实战（扣子）（微课版）》目录01项目引入与教学目标02认识扣子AI编程03同步训练8-104开发AI编程项目05案例实战8-106课后实践项目8扣子AI编程入门引入项目目标与引入在前面项目中，我们学习了基于低代码模式创建智能体和应用——通过可视化界面"拼装"AI项目。随着开发范式进入"AI主导、人来辅助"的新阶段，扣子2.0推出了全新的AI编程开发模式。开发者只需用自然语言清晰描述意图，AI就能自动完成从代码生成、调试到部署的完整闭环，让开发过程更聚焦于创意与核心逻辑。开发范式转变低代码模式可视化"拼装"AI编程模式自然语言"描述"完整闭环生成→调试→部署项目8扣子AI编程入门04知识目标理解扣子AI编程的核心概念及其与低代码开发的区别了解扣子AI编程的基本开发流程与核心工具了解技能（Skill）与集成服务如何为AI项目扩展能力能力目标能够通过自然语言描述完成AI编程项目的创建能够对AI编程项目通过对话交互实现功能迭代与优化能够在AI编程项目中调用内置集成服务素养目标培养"描述即开发"的AI编程思维加强项目不断迭代优化的工程意识树立AI应用的成本与数据合规意识8.1认识扣子AI编程理解AI编程的核心概念、与低代码开发的差异，以及开发环境工具8.1.1什么是AI编程扣子AI编程是一站式云端AI编程开发平台。用自然语言"描述"项目需求，让AI写代码，就像点菜下单。两种开发模式对比低代码模式用组件"拼装"出智能体或应用就像搭积木需要1-2小时完成一个项目AI编程模式用自然语言"描述"项目需求就像点菜下单AI几分钟内生成完整项目代码项目8扣子AI编程入门07开发效率极高降低技术门槛代码高度定制迭代优化便捷AI编程的优势需求描述依赖性强调试需要技术理解复杂项目需要拆解AI编程的局限性8.1.2AI编程与低代码开发的差异对比项AI编程低代码开发操作方式自然语言描述可视化配置（单击、拖曳）产物形态代码文件配置信息开发速度快速中等灵活性高度灵活受组件限制学习难度需学习需求描述，有编程基础可深度定制需学习平台操作，无需技术背景维护方式修改代码修改配置适用人员所有人（有技术背景更佳）业务人员、产品经理、非技术人员注意：两种模式的产物形态不同，不能互相转换编辑。项目8扣子AI编程入门108.1.2两种开发模式的适用场景场景类型推荐方式原因知识问答类智能体低代码开发标准化程度高，配置即可简单流程类智能体低代码开发工作流编排更直观复杂逻辑处理AI编程代码实现更灵活需要深度定制AI编程可自由修改代码快速原型验证AI编程生成速度快学习建议：建议从低代码开发入手，逐步过渡到AI编程。低代码是当前绝大多数智能体开发平台的通用开发方式，其设计思维具有通用性，学习它更能让我们理解如何使用AI能力，为学习AI编程打下坚实基础。项目8扣子AI编程入门118.1.3扣子AI编程开发环境与工具扣子AI编程提供基于Web的AI编程开发环境，以浏览器为载体，自带编程所需的基础功能，提供开箱即用的编程体验。项目8扣子AI编程入门12代码编辑器内置支持多种编程语言的代码编辑器提供语法高亮、代码格式化等功能实时查看或手动编辑AI生成的代码文件Web终端模拟Linux终端环境可执行npm、python等命令支持各类命令行操作和调试云端沙箱为每个AI项目创建互相隔离的云端沙箱包含运行代码所需的操作系统、依赖和资源支持实时预览网页和项目效果AI驱动AI深度嵌入开发全流程支持自然语言生成代码、代码补全、智能纠错能自主完成复杂的开发任务，即时运行并展示效果同步训练8-1创建智能体并熟悉AI编程环境通过开发一个简单的问候助手智能体，体验扣子AI编程的交互式开发环境。创建步骤01访问扣子AI编程主页切换到"智能体"选项卡02在文本框中输入提示词描述智能体功能需求03单击"发送"按钮AI自动设计并创建项目04查看开发进展等待项目生成完成提示词示例帮我开发一个简单的问候助手智能体。功能：用户输入姓名，智能体生成一句个性化的问候语。例如：用户输入"小明"，智能体返回"你好，小明！很高兴认识你，希望你今天过得愉快！"项目8扣子AI编程入门15同步训练8-1创建智能体并熟悉AI编程环境项目8扣子AI编程入门15创建智能体同步训练8-1了解扣子AI编程环境项目8扣子AI编程入门16同步训练8-1了解扣子AI编程环境扣子AI编程环境操作界面从左到右依次为三大区域：区域说明主要功能AI对话区开发者和扣子AI编程的对话窗口，通过自然语言下达命令编辑消息、重新生成、上传文件、生成配置、添加到对话文件树可视化展示项目目录结构，查看AI生成的代码文件管理文件及文件夹、导出项目、上传文件、检索代码工作区主面板，集成代码编辑、运行调试等多种功能代码编辑、界面预览、执行命令、查看输出提示：单击左上角文件夹图标可打开/关闭文件树区域。左上角显示项目名称。项目8扣子AI编程入门16同步训练8-1体验AI编程基本操作01使用代码编辑器查看代码在文件树中单击指定代码文件，即可在工作区查看并编辑。产物是代码文件，包含项目代码、智能体代码、配置文件和依赖声明。项目8扣子AI编程入门17同步训练8-1体验AI编程基本操作02在预览区域测试功能切换到"预览"页面，输入测试数据，观察智能体的回复效果。可实时验证功能是否符合预期。项目8扣子AI编程入门17同步训练8-1体验AI编程基本操作03查看运行记录（日志）单击工作区底部"运行记录"，追踪执行历史。可按状态或时间筛选，错误信息帮助定位问题。项目8扣子AI编程入门17同步训练8-1体验AI编程基本操作04尝试对话式修改项目在AI对话区输入修改需求，AI自动修改代码。文件树中的代码文件会实时变化，预览页面同步更新。项目8扣子AI编程入门178.2开发AI编程项目掌握AI编程项目的完整开发流程、需求描述方法与集成服务8.2.1扣子AI编程的基本开发流程01输入需求在AI编程主页文本框中清晰详细地描述项目功能、界面设计、业务逻辑等要求02预览与调试AI分析需求、规划步骤、生成代码，自动构建并启动项目，在预览页面测试效果03改进项目通过对话告诉AI需要修改的地方，AI自动修改代码并再次调试，每次重要修改自动生成版本04部署部署到生产环境，让创意走向实际应用提示：开发、测试、线上使用AI编程项目时，编程任务、调用大模型、联网搜索、图像生成等内置集成服务将消耗用户的扣子积分。"描述—预览—对话修正"循环扣子AI编程是一个"描述—预览—对话修正"的循环过程。不要期望一次成功，需要不断地与AI协作，通过多轮交互来完善和优化项目。部署后如果发现问题，仍然可以通过对话的方式进行修改和更新。项目8扣子AI编程入门198.2.2如何高效描述需求清晰、准确地描述需求是扣子AI编程生成高质量代码的关键。需求描述五要素1功能目标项目要实现什么功能2界面说明项目界面设计3输入说明用户输入什么4输出说明项目输出什么5特殊要求其他需要说明的要求描述原则先说整体，再说细节描述用户使用流程提供界面参考描述说明数据和AI能力需求项目8扣子AI编程入门208.2.3技能与集成服务AI编程项目需要调用外部工具完成具体任务。技能是我们能看到的工具，集成服务是这些工具背后的技术实现。技能（Skill）用于扩展智能体功能的模块化能力如果把智能体看作机器人，技能就是它可以选装的各种工具扣子AI编程全面支持技能的开发与使用，可用自然语言开发、使用技能所有集成服务均有配套的官方技能，AI会自行判断并加载提示：AI编程主页文本框底部的"技能"按钮显示当前加载的技能数量。不同项目可使用的官方技能并不完全一样，AI会根据项目类型自动添加匹配的技能。项目8扣子AI编程入门218.2.3技能与集成服务AI编程项目需要调用外部工具完成具体任务。技能是我们能看到的工具，集成服务是这些工具背后的技术实现。集成服务一组可供扣子AI编程调用的工具涵盖AI模型、数据库、存储、联网搜索、消息推送等能力目前均有配套的官方技能开发者只需描述业务意图，AI便会加载对应技能接入服务项目8扣子AI编程入门21内置集成扣子AI编程封装的标准化能力，开箱即用无须提供API密钥或进行任何配置，直接用来增强项目能力需要数据持久化时，AI会自动生成数据模型和操作代码外部集成由扣子AI编程官方提供的第三方集成服务使用前需由空间管理员在工作空间中完成一次性配置配置完成后，AI会以技能方式调用这些外部服务案例实战8-2旅行攻略生成器——需求描述通过完整案例体验AI编程项目从需求描述到部署的全过程，学习使用联网搜索集成服务。功能说明用户输入城市名称，生成该城市的旅行攻略系统需要联网搜索景点门票价格，确保信息实时准确界面设计顶部标题"旅行攻略生成器"中间文本框+"生成攻略"按钮单击按钮后显示攻略内容风格：简洁清新，适合旅游主题输出内容必去景点：名称、简介、门票价格（联网搜索获取）特色美食：3~5个当地美食及简介三日游行程：合理安排的每日行程需求描述关键点1.功能描述中明确说明需要联网搜索景点门票价格—这是触发联网搜索集成服务的关键命令2.输出格式指定景点信息包含"门票价格"字段—确保AI调用大模型生成内容时包含价格信息AI任务分析：核心功能=城市输入→联网搜索景点价格→大模型生成攻略|技术