Application Modeler 扩展允许 SAP UI5 开发人员可视化和更改 SAP Fiori Elements 应用程序的页面路由（页面地图），并通过清单设置(manifest settings)、注释属性(annotation properties)和 UI 灵活性更改（页面编辑器）配置各个页面。
从版本 1.10.1 开始，页面编辑器支持为基于 OData V4 的应用程序添加和维护 SAP Fiori Elements 构建块的属性。 此功能目前处于实验阶段，可能会根据客户反馈进行更改和增强。
SAP Fiori 工具 - Page Map 提供应用程序页面、导航及其使用的服务实体的可视化表示。 开发人员可以添加新的导航和页面、删除页面以及导航到相应的编辑工具。
Page Map 扩展以紧凑且独立于技术的表示法，读取并更新包含导航和页面信息的 app.json 文件。
该文件用作简单的基于文本的界面。 它是按需生成的，可以通过从“地图”节点的右键单击上下文菜单中选择“显示源代码”选项，从 SAP Fiori 侧边栏视图的应用程序建模器树视图中进行访问。
保存app.json时，应用程序的应用程序描述符（webapp/manifest.json）将自动更新，并且对webapp/manifest.json的更改将转换为app.json。
app.json 是虚拟的，不会写入项目文件夹。
Page Map 是 Application Modeler 的一部分，它提供了一种图形化的方式来展现和编辑应用的页面结构。在 Page Map 中，可以看到应用的各个页面及其相互之间的关系。开发者可以通过拖拽、编辑等操作来修改页面的结构。
app.json 是 SAP Fiori Tools 中的一个重要文件，它用于存储和管理应用的配置信息。这个文件通常会包括以下部分：
"_version"：这个字段定义了app.json的版本信息。"sap.app"：这个字段包含了应用的元数据，比如应用的 id、title、description 等。"sap.ui5"：这个字段包含了 UI5 的配置信息，比如用到的模型、路由等。"sap.fiori"：这个字段包含了 Fiori 的配置信息，比如应用的类型等。"sap.platform.runtime"：这个字段包含了应用的运行时配置信息，比如应用的组件等。
以一个简单的 app.json 为例：
{
"_version": "1.8.0",
"sap.app": {
"id": "com.example.app",
"type": "application",
"i18n": "i18n/i18n.properties",
"title": "{
{appTitle}}",
"description": "{
{appDescription}}",
"applicationVersion": {
"version": "1.0.0"
}
},
"sap.ui5": {
"dependencies": {
"minUI5Version": "1.60.1",
"libs": {
"sap.ui.core": {
},
"sap.m": {
},
"sap.ushell": {
},
"sap.collaboration": {
},
"sap.ui.layout": {
},
"sap.uxap": {
}
}
},
"models": {
"i18n": {
"type": "sap.ui.model.resource.ResourceModel",
"settings": {
"bundleName": "com.example.app.i18n.i18n"
}
}
},
"routing": {
"config": {
"routerClass": "sap.f.routing.Router",
"viewType": "XML",
"viewPath": "com.example.app.view",
"controlId": "app",
"controlAggregation": "pages",
"transition": "slide"
},
"routes": [
{
"pattern": "",
"name": "home",
"target": "home"
}
],
"targets": {
"home": {
"viewName": "Home",
"viewLevel": 1
}
}
}
}
}