《扣子编程从一句话到产品上线零门槛AI心流开发》全书案例分享~-CSDN博客1.3.1 智能体开发扣子编程平台的核心价值就是降低智能体的开发门槛。它提供了一个基于 Web 的 AI 编程开发环境你只需要通过自然语言描述智能体创意扣子 AI 会自动完成智能体的开发、测试、迭代和发布帮助开发者聚焦核心创意与价值设计高效实现从创意构思到产品落地。登录扣子编程平台https://code.coze.cn/home如图1-7所示输入提示词帮我做一个天气查询的智能体支持用户输入任意国内城市名称获取实时天气数据能够使用多维度数据展示返回温度、体感温度、天气状况晴雨阴等、湿度、风力风向、空气质量具有短期预报功能能展示未来3天天气变化趋势支持口语化提问如“北京今天天气怎么样”“上海未来三天会下雨吗”。图1-7 使用扣子编程开发智能体点击提交按钮右下角向上箭头的按钮后进入如图1-8所示的交互式开发与预览页面页面左侧会实时显示AI编程智能体处理用户开发任务的思考过程和编程开发过程。整个过程无需人工干预只需几分钟时间就能完成。图1-8 智能体交互式开发与预览界面开发完成后右侧预览区域会自动变成Agent效果测试界面如图1-9所示。从该页面上方可以看到智能体已经接入了两个工具并且默认使用大模型doubao-seed-2.0-lite。图1-9 Agent效果测试页面点击模型名称右侧会弹出如图1-10所示的“agent”节点配置面板可以看到工具列表你可以选择模型可以修改系统提示词图1-10 Agent节点如果不需要修改就直接在对话框输入提示词“今天福州的天气如何”然后智能体会出现回复如图1-11所示。可以看出天气查询智能体给出预期一致的详细答复。图1-11 测试天气查询智能体整个天气查询智能体的开发就完成了整个开发过程非常便捷就只需布置任务给扣子编程平台告诉你想要做什么它就能自动完成从设计到开发的全部流程。扣子编程就是一个 AI 驱动的应用开发平台就是让AI去做应用开发你用聊天的方式指挥它就行。1.3.2 智能体部署部署智能体就是将你在扣子编程上开发的智能体快速部署成为全天候在线的正式服务以便后续可以将智能体的 AI 功能集成到你的应用中。根据使用需求分成两种部署方案做成 API 接口部署、网页交互 Web SDK 部署如图1-12所示。这里需要单独开启Web SDK 渠道这个功能不会跟着 API 部署自动打开。API 部署的核心目的是把咱们做好的智能体打包成一串网络接口地址别的软件、小程序、后台系统通过代码发请求就能调用智能体的能力。你在扣子做的智能体藏在平台里面只有在扣子网页上能聊天开启 API 部署之后智能体变成一个“远程功能接口”。不管是自己写的手机 APP、电脑软件、网站后台只要带上密钥、按照平台给的接口格式发消息就能远程唤起智能体、收发对话。举个例子你做了天气智能体部署 API 后自己开发的小程序不用再对接天气接口直接调用扣子 API用户在小程序查询“查福州天气”小程序把这句话传给扣子接口智能体运算完把天气数据原路传回小程序展示。图1-12 部署渠道如果不想用代码对接程序只想把智能体安在自己的官网、静态网页里让访客点开网页就能和 AI 对话就要单独开启Web SDK 渠道。WebSDK 就是扣子打包好的一段网页代码开启渠道后平台生成嵌入代码。你把这段几十行的代码粘贴到自己网站源码里网页侧边、页面内就会弹出智能体聊天窗口。访客不用跳转扣子平台在你的网站页面里就能直接提问、和智能体聊天。举例子公司官网右下角悬浮一个天气助手图标点开弹窗就能查全国天气就是 WebSDK 部署实现的效果。点击部署后会出现“开始部署你的项目吧”对话框点击“开始部署”按钮如图1-13所示。扣子编程将自动进行部署相关操作。你可以在部署页面查看部署的进展和部署日志。部署过程可能需要几分钟。图1-13 开始部署项目部署成功如图1-14所示点击“Web SDK”, 你可以按需选择嵌入方式如 JavaScript、React 组件或 Iframe将智能体嵌入到你的网页中记住你的projectId。图1-14 Web SDK部署接入 Web SDK 前应申请获取访问令牌Token支持的 Token 类型有OAuth 访问令牌、个人访问令牌PAT和服务访问令牌 SAT。快速体验可使用个人访问令牌个人访问令牌是扣子编程提供的短效令牌用于 API 请求鉴权可以在扣子编程中生成。如图1-15所示在左侧导航栏选择 API SDK选择“授权”à个人访问令牌然后单击右上角的“添加”按钮。图1-15 添加访问令牌出现“个人访问令牌”对话框如图1-16所示个人访问令牌的有效期时长。令牌过期后将会失效无法继续用它来调用扣子 API。根据扣子编程的安全策略个人访问令牌的有效期最长可设置为 30 天不能设置为永久有效。这一限制是为了增强安全性确保即使令牌泄露也只能在有限的时间内被滥用。过期后你需要重新生成新的令牌以继续使用相关 API 功能。图1-16 个人访问令牌以下是扣子编程 Web SDK 快速接入示例帮助你在 Web 页面可视化体验智能体。在本地新建记事本复制以下完整代码粘贴后保存为 demo.html并保存至桌面。注意文件后缀必须为 .html不可为 .txt。!doctype htmlhtml langenheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /title我的演示-智能体部署/titlestyle* { box-sizing: border-box;}html { margin: 0; height: 100%; }body { margin: 0; padding: 8px; height: 100%; }/style/headbodyh1天气查询智能体/h1!-- 引入 Coze Web SDK 官方 CDN --script srchttps://lf-cdn.coze.cn/obj/unpkg/latest/coze/web-sdk/dist/js-umd/index.min.js/scriptscript// 初始化 Web SDKcozeWebSDK.init({projectId: 你的projectId,// 支持同步和异步刷新 tokenrefreshToken: () Promise.resolve(你的Token),});/script/body/html替换鉴权信息包括你的projectId以及Token即获取的个人访问令牌。双击打开 demo.html 文件等待 1~2 秒如图1-17所示即可在浏览器中直观体验智能体或工作流能力在网页中的呈现效果。图1-17 WebSDK接入示例总之在扣子 AI 编程开发的智能体部署为 API 服务或 Web SDK。部署为 API 服务让你可以通过 API 方式将智能体的 AI 功能灵活集成到应用中。部署为 Web SDK将提供网页嵌入式聊天窗口用户可直接在网页中与智能体进行对话。