# 低开URL说明
低开URL包括微前端、表单、视图和在线编译器等,不同的模块,使用不同的URL,这篇文档是对低开URL的说明。
# 微前端页面
URL路径
http://{AFCenter基座地址}/#/module/{微前端模块名称}/page/{页面名称}
参数说明
AFCenter基座地址:AFCenter的访问地址,如AFCenter在本机启动,端口为8081,则AFCenter基座地址为127.0.0.1:8081。
module:固定标识。
微前端模块名称:新建的微前端模块名称,保证唯一。
page:固定标识。
页面名称:微前端应用下页面资源的页面标识,对应微前端项目的页面,即Vue组件。
微前端模块可配置AFCenter的菜单,具体请参见微前端集成方案;
示例
在本机的8081端口的AFCenter上创建微前端项目,项目名为myApp,默认页面(Vue组件)为index。
微前端页面URL为:http://localhost:8081/#/module/myApp/page/index
# 低开表单
URL路径
http://{AFCenter基座地址}/#/module/formDesigner/page/render?resourceType=form&resourceCode={表单Code}&appName={应用名称}
参数说明
AFCenter基座地址:AFCenter的访问地址,如AFCenter在本机启动,端口为8081,则AFCenter基座地址为127.0.0.1:8081。
module:固定标识。
formDesigner:固定标识。
page:固定标识。
render:固定标识。
resourceType:资源类型,表单即为form。
resourceCode:资源Code,构建包Code加表单Code,格式为:构建包Code.表单Code。
appName:应用名称,为Nacos上注册的应用Code。
示例
在本机的8081端口的AFCenter上的IDE开发,创建Code为test的构建包,此构建包下创建Code为department的表单。
表单URL为:http://localhost:8081/#/module/formDesigner/page/render?resourceType=form&resourceCode=test.department&appName=AFCENTER
# 低开视图
低开视图的URL和表单的URL基本一致,只是resourceType为view。
URL路径
http://{AFCenter基座地址}/#/module/formDesigner/page/render?resourceType=view&resourceCode={表单Code}&appName={应用名称}
参数说明
AFCenter基座地址:AFCenter的访问地址,如AFCenter在本机启动,端口为8081,则AFCenter基座地址为127.0.0.1:8081。
module:固定标识。
formDesigner:固定标识。
page:固定标识。
render:固定标识。
resourceType:资源类型,视图为view。
resourceCode:资源Code,构建包Code加表单Code,格式为:构建包Code.表单Code。
appName:应用名称,为Nacos上注册的应用Code。
示例
在本机的8081端口的AFCenter上的IDE开发,创建Code为test的构建包,此构建包下创建Code为department的表单。
表单URL为:http://localhost:8081/#/module/formDesigner/page/render?resourceType=view&resourceCode=test.department&appName=AFCENTER
# IDE在线开发编辑器
URL路径
http://{AFCenter基座地址}/ide/index.html?appName={应用名称}
参数说明
AFCenter基座地址:AFCenter的访问地址,如AFCenter在本机启动,端口为8081,则AFCenter基座地址为127.0.0.1:8081。
ide:前端模块名,为ide模块,固定参数。
index.html: 模块下的html,固定参数。
appName:应用名称,为Nacos上注册的应用Code。
示例:
在本机的8081端口的AFCenter上的IDE在线开发。
IDE在线开发编辑器URL为:http://localhost:8081/ide/index.html?appName=AFCENTER