Lovrabet应用自定义页面开发手册
输入“/”快速插入内容
Lovrabet应用自定义页面开发手册
Lovrabet应用自定义页面开发手册
飞书用户7958
飞书用户8816飞书用户46669月2日修改
1.
使用前必读
•
当你需要把一个已存在、独立运行的前端项目（已有源码）无缝嵌入当前主应用，实现统一访问、样式与路由协同，又希望尽量少改动原项目结构时，可以使用本功能。
•
•
预计 9 月我们会提供官方脚手架，进一步降低配置与接入门槛。
2.
使用场景
1.
当Lovrabet AI生成的业务页面和扩展能力已无法满足业务诉求，可自定义开发任意页面进行扩展；
2.
将多个独立前端（如技术栈不同）整合到一个主容器应用中，保持各自独立开发、独立部署；
3.
渐进式重构：旧系统不必一次性重写，可先以子应用挂载再逐步替换
3.
配置说明
配置入口
1.
新增页面
2.
选择“源码页面”
配置字段说明
•
路由路径（必须）：
◦
应用实际访问时链接url中的path部分（例如：https://app-6ff2b2ef.yuntooai.com/${path}）
◦
需要保证在整个应用中唯一，配置时会自动生成，需要注意微应用中也存在前端路由的情况需要对应
•
页面名称（必须）：
◦
应用实际访问时显示在菜单上的名称
•
微应用唯一标识：
◦
标记页面所属的源码微应用，多个页面可能属于同一个源码微应用
◦
可选字段，如不填写，则实际运行时会将“路由路径（path）”作为应用标识
•
Basename
◦
指定微应用接收的basename，微应用包含前端路由的场景下需要使用
◦
可选字段，如不填写，则默认“路由路径（path）”即作为basename
•
资源加载方式
◦
script（默认） - 默认加载方式，通过HTML <script /> 标签加载微应用脚本资源
◦
fetch - 通过window.fetch 加载并缓存脚本资源，沙箱模式下使用
◦
import - 加载ES modules 类型微应用的方式，通过vite构建的工程需要使用这种方式
•
资源加载列表（必须）
◦
微应用工程构建后的assets资源产物，可以是任意可访问到静态资源的地址，优先建议CDN；
配置示例