Nuwax

Appearance

应用页面开发 ​

1. 介绍 ​

1.1. 概述 ​

应用页面开发是开发人员根据业务需求，对智能体应用页面进行开发，包括页面布局、页面样式、页面交互等。应用页面开发可以全部由AI完成，也可直接编辑代码文件，开发完成后，可以直接一键发布到平台上，以便用户访问。

1.2. 开发流程 ​

应用页面开发流程如下：

  1. 工作空间-应用页面开发-导入项目/在线开发
  2. 添加数据资源（插件/工作流）-上传页面相关资源/上传页面草图
  3. 对话框中输入页面名称、页面描述等信息
  4. 点击“确定”按钮输入，等待AI生成页面
  5. 查看页面效果，如需修改，可对话描述修改内容/直接编辑代码文件
  6. 发布成应用页面/发布成组件

1.3. 开发功能介绍 ​

alt text数据资源：添加后还需要在对话框中选中，资源接口才能被识别添加到页面中。 原型图：上传页面草图后，AI会根据草图生成页面，可以手绘也可以是图片。 版本管理：可以查看历史版本，也可以将历史版本置于当前版本。 日志信息：可以查看页面开发过程中的日志信息，如有错误信息，可选择手动修改或者“一键AI修复”。 导入项目：可以导入已有的项目，打包为.zip格式上传。 重启服务器：项目如果长时间未使用或者未发布，项目会自动关闭，需要重启服务器才能继续使用。 全屏预览：可以全屏预览页面效果，更加直观。

2. 案例演示-官网迅速开发 ​

官网迅速开发包含两个部分：一个是官网页首页面的开发，另一个是官网上AI客服的快速开发。这两个功能可以一次性完成，也可以分开完成。为了更好的展示，我们分开完成。

2.1. 官网首页面开发 ​

  1. 登录平台
  2. 进入工作空间-应用页面开发-创建-在线开发
  3. 弹出“创建页面”对话框，输入页面名称、页面描述、图标等信息，点击“确定”按钮
  4. 上传官网原型图或输入官网参考链接，选择大模型，输入开发要求，点击“输入”按钮
  5. 等待AI生成页面，查看页面效果，如需修改，可对话描述修改内容/直接编辑代码文件 alt text
    页面链接

2.2. 官网上AI客服开发 ​

  1. 添加数据资源-客服工作流，点击“添加”按钮
  2. 要求AI在页面的右下角生成一个“在线客服”的浮动图标，点击页面弹出客服对话框，并且对接客服接口，点击“输入”按钮
  3. 等待AI生成页面，查看页面效果，如需修改，可对话描述修改内容/直接编辑代码文件
  4. 点击客服按钮，测试对话效果 alt text 其他页面可以继续同AI对话生成，如详情页、购物车、订单页等。 客服工作流较为简单，仅作演示： alt text

2.3. 官网快速发布 ​

2.3.1. 发布成组件 ​

  1. 点击“发布-发布成组件”按钮
  2. 发布成功后，可直接在弹出的对话框点击“查看预览效果”
  3. 发布为组件可在智能体中添加组件界面

2.3.2. 发布成应用 ​

  1. 点击“发布-发布成应用”按钮，弹出“发布智能体”对话框，填写对应内容和发布范围，点击“确定”按钮
  2. 发布成功后可直接在空间广场中查看预览效果

2.3.3. 对比案例 ​

  1. 发布成组件，可在智能体中添加组件界面，但无法直接访问，会有智能体的对话入口。 alt textalt text
  2. 发布成应用 可以直接在空间广场中使用。 alt textalt text