开源工具 @sap/ux-ui5-tooling 介绍

简介: 开源工具 @sap/ux-ui5-tooling 介绍

SAP Fiori Tools - UI5 Tooling 包含一系列可与命令 ui5 serve 一起使用的自定义中间件,以及可与命令 ui5 build 一起使用的自定义任务。 此外,该模块公开了 cli fiori 产品,例如 fiori run 命令是 ui5 serve 命令的包装器,并提供了一些附加参数以及 fiori add deploy-config 和 fiori add flp-config 以扩展现有项目。


SAP Fiori 工具使用自定义中间件的功能来启动和预览 SAP Fiori 元素或 SAPUI5 自由式应用程序,例如 启用自动刷新、切换 SAPUI5 源的版本或提供静态资源。 从版本 1.3.0 开始,SAP Fiori 应用程序的预览行为发生了变化。 现在忽略持久 iAppState,以便在刷新应用程序时始终应用源代码更改。


如果仍想启用 iAppState,需要添加 URL 参数 fiori-tools-iapp-state=true 到浏览器 url 里,例如:

http://localhost:8080/test/flpSandbox.html?fiori-tools-iapp-state=true#masterDetail-display.


Application Reload

应用程序重载中间件允许开发人员在开发/配置 SAP Fiori 应用程序时预览它们。 每当与 SAP Fiori 应用程序相关的文件发生更改时,重新加载中间件都会刷新应用程序预览。


在 SAP UI5 项目中进行如下的 ui5.yaml 配置,再执行执行命令行 npx fiori run, 将使用默认设置启动 application reload middleware.

server:
  customMiddleware:
  - name: fiori-tools-appreload
    afterMiddleware: compression

下列配置启用后,中间件会将包含了 path parameter 的请求,转发到 back-end url 指定的后台服务器去。

- name: fiori-tools-proxy
  afterMiddleware: compression
  configuration:
    backend:
    - path: /sap
      url: https://my.backend.com:1234

Connecting to a back-end system with destination

如果后台系统被一个 Destination 隐藏了起来,可以在 ui5.yaml 里指定 Destination 信息:

- name: fiori-tools-proxy
  afterMiddleware: compression
  configuration:
    backend:
    - path: /sap
      url: https://my.backend.com:1234
      destination: my_backend

支持同时连接到多个后台系统:

- name: fiori-tools-proxy
  afterMiddleware: compression
  configuration:
    backend:
    - path: /northwind
      url: https://my.backend_2.com:1234
    - path: /sap
      url: https://my.backend.com:1234

使用 scp = true 表明连接的是一个 SAP Business Technology Platform 实例:

- name: fiori-tools-proxy
  afterMiddleware: compression
  configuration:
    backend:
    - path: /sap
      url: https://my.steampunk.com:1234
      scp: true


相关文章
|
6月前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
368 0
|
18天前
|
Linux C# Android开发
分享3款开源、免费的Avalonia UI控件库
分享3款开源、免费的Avalonia UI控件库
|
2月前
|
Linux C# Android开发
一个开源、跨平台的.NET UI框架 - Avalonia UI
一个开源、跨平台的.NET UI框架 - Avalonia UI
|
3月前
|
编解码 Android开发
【Android Studio】使用UI工具绘制,ConstraintLayout 限制性布局,快速上手
本文介绍了Android Studio中使用ConstraintLayout布局的方法,通过创建布局文件、设置控件约束等步骤,快速上手UI设计,并提供了一个TV Launcher界面布局的绘制示例。
49 1
|
3月前
|
搜索推荐 数据库
最新UI六零导航系统源码 | 多模版全开源
使用PHP+MySql,增加后台管理 多模板选择,支持在后台切换模板 增加常用搜索引擎,如:知乎、哔哩哔哩、在线翻译等(支持自定义) 支持用户提交收录申请,地址:http://域名/apply 部分模板优化和增加部分功能,如返回顶部、获取输入框焦点、时间日期显示等
65 1
|
4月前
|
异构计算 Python
30行代码实现一个带UI界面的图片背景移除工具:并附带web网页
人工智能技术正处于蓬勃发展中,移除图片背景的方法众多,涵盖了各式各样的实现途径和模型。然而,这些方法往往在安装和配置环境方面稍显复杂。今天,介绍一种极其简便的方法——大约30行代码,就能实现这一功能。虽然相比之下可能稍显简单,但对于不太苛刻的需求来说,这种方法颇为方便实用。
|
4月前
|
C# Windows
一款开源、免费、现代化风格的WPF UI控件库
一款开源、免费、现代化风格的WPF UI控件库
127 0
|
5月前
|
开发框架 JavaScript 前端开发
微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor
微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor
100 1
|
5月前
|
API Apache C#
推荐2款开源、美观的WinForm UI控件库
推荐2款开源、美观的WinForm UI控件库
338 1
|
6月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作