填写基本信息:名称、URL、图标三样打底
类型专属表单的结构
选择一种类型后,打开的编辑器界面是两部分组合:
- 类型专属表单:只有当前类型才需要填写的字段
- 通用配置卡片列表:所有类型共享的网络 / 隐私 / 外观 / 运行时配置
例如选择「网页」类型,专属表单只有一个「目标 URL」输入框;选择「Node.js」类型,需要填项目目录、启动命令、端口号等;选择「画廊」类型,需要选媒体集合和布局方式。
基本信息卡片
不管哪种类型,顶部都有一张「基本信息」卡片,包含三个字段:
应用名称
出现在手机桌面图标下方、WebView activity 标题栏、以及构建后 APK 的应用名里。
目标地址或项目路径
取决于类型:网页/多站点/离线包填 URL;HTML/前端/服务端运行时填本地路径;媒体/画廊填文件或文件夹位置。
应用图标
三种获取方式:
- 网站 favicon 抓取:对于 URL 类型,输入地址后可以尝试从目标网站自动抓取 favicon
- 图标库 / AI 生成:内置图标库可以选现成图标,也支持 AI 生成(需要图像模型)
- 从相册上传:上传本地图片,经过裁剪步骤后保存。裁剪支持方形 / 自由 / 圆形三种模式
如果不指定图标,构建器会使用该类型的默认图标(比如网页类型是地球图标,Node.js 类型是绿色的 JS 标志)。
保存之后
点击「保存」后,应用定义被序列化成 WebToApp 对象,写入 Room 数据库,然后关闭编辑器回到「我的应用」列表。新应用出现在列表里,带默认图标和应用名称。
继续调通用配置
保存后如果想继续微调,点应用卡片上的三点菜单,选择「编辑通用配置」打开共享选项面板。完整的配置项在「配置卡片详解」章节分卡片介绍。
一个实用建议:先用默认配置保存,跑一次预览和构建,看看实际效果,再回来微调。默认配置是作者为各类型设定的合理起点,覆盖了大多数场景。