Fiori Element List Report 开发实战1
Fiori Element List Report开发实战1——环境安装
我们都知道，S4时代，SAP推出了不少新奇的技术，像BTP平台。可惜在国内，相关项目少的可怜，有些好东西在非云平台上其实也能玩的转，但多少有些门槛。近日研究了一下Fiori的东西，想着开发点UI5的东西凑凑热闹。
首先介绍下开发环境。本地是S4的OP环境，计划使用VS code开发应用程序，上传到SAP服务器。那么Step by
step，第一步，我们先从新建文件夹开始。（不是）
开发环境部署建议按照我的步骤来，先安装软件本体，再安装组件，避免翻车。
第二步，安装VS Code。
推荐从下面链接进去下载： https://code.visualstudio.com/#alt-downloads 。
选择other platforms。建议Windows 10以上环境，下载64位的System Installer。User
Installer实际体验下，存在一些权限上的小麻烦，虽然本次开发不会遇上，但如果未来还想使用VS Code开发，建议选择System
Installer，这样省心一些。
另外听说骁龙Elite X的笔记本续航非常好，求土豪测评下arm64下的开发是否好用。在线等，挺急的。
安装过程不多做介绍，基本上就是下一步、下一步。现在的电脑都是固态，出厂搞不好就一个分区，如果不是很懂路径信息，保持默认就行。使用User
Installer安装包的需要注意，这个是绝绝对对是安装到C盘下的，并且只能供你个人账户使用。如果C盘空间实在紧张，不要使用这个安装包。
第三步，安装Node.js。
VS
Code是开发平台，我们需要一个可以运行作品的环境，方便在开发过程中进行测试。Node.js，可以在本地搭建出一个服务器环境，可以执行JavaScript脚本。下载地址是：
https://nodejs.org/zh-cn 。
点击下载安装即可。Node.js会安装一些附属的插件，使用者可以选择不安装。
第四步，安装Eclipse。
就开发环境准备而言，这一步可能是最难的，因为下载节点在海外，可能会下载失败，需要换几个节点尝试。
下载地址： https://www.eclipse.org/downloads/ 。
点击下载后，进入第二个真正的下载界面。默认的下载节点可以尝试下，如果不行，选择Select Another
Mirror更换镜像。亚洲节点有几个是日本的，相对好下载一些。下载结束后，你会得到一个安装器程序。建议把它解压到C盘以外的区域，留着有用。
运行eclipse-inst.exe，你会看到如下界面。
安装器本身可能存在更新，并且Eclipse依赖JAVA运行环境。为了方便后期重装系统后使用，可以参照我这样安装。
首先点击界面右上角按钮切换到高级模式，ADVANCED MODE。
选择一个IDE下载，一般来说，SAP的一些开发组件，可能接触JAVA的东西会多些，选择第一个JAVA环境就好。当然，你可以最小安装，选择
，但是不推荐，后期会有些东西依赖java组件，不如一次安装好。
现在最新正式版本是2024-06，依赖Java
21以上的环境。如果你有安装SAP的Java环境，可以选择那个，但是不建议。各个发布版本多少有些自己的魔改东西，还是选择Eclipse自带的比较稳定。我这里直接选择了22环境。Bundle
Pool的勾可以去掉，它会下载一些东西到你的C盘用户目录下，重装系统会丢，不如和软件本地安装在一起。
点击下一步。
这步不管，直接下一步跳过。
这个是选择目录的安装环节了。Install location rule默认第一个就行。Root install
folder是选择安装的根目录。我这里安装在D盘的Program Files文件夹下了。Installation folder
name是说在根目录下创建个什么文件夹，之后的程序本体就在这个文件夹内安装了。
点击下一步。
这里点击Finish就会正式安装了，期间可能会有是否Trust的许可认证，选择同意就行。
我实际安装的版本是JAVA IDE，所以最终的安装目录是D:\Program Files\java-latest-
released\eclipse。进文件夹，运行eclipse.exe。
刚安装好Eclipse，需要安装SAP的开发组件。点击菜单栏Help-Install new software。
点击ADD
添加SAP的安装环境 https://tools.hana.ondemand.com/latest 。
添加完成后，在work with选择添加的源，进行安装。
我这里已经安装过了，所以没有可以继续下去的按钮了，期间会有Trust的认证，同意即可。
安装结束后，点击File-New-ABAP Project，添加你的开发环境。
这里都是GUI配置好的信息，选择对应的系统点下一步。
都是GUI带过来的信息，一般不需要修改，直接下一步。
如果你的主要语言是中文，Language这里修改成ZH，登录你的开发系统。可以点击NEXT测试登录效果。如果自信密码正确，可以直接点Finish。这样Eclipse的环境就搭建好了。
第五步，安装UI5组件。
管理员身份运行终端/PowerShell/CMD，安装UI5运行组件。
这一步依赖之前的Node.js。命令行中运行：
npm install -g @ui5/cli
即可安装。
后续更新组件也是同样的命令。
为了后续可以直接发布程序到SAP，还需要安装一些组件：
npm install --global yo
这样未来生成部署配置信息时就不会报错了。
第六步，安装VS Code插件。
首次运行VS Code会根据你的系统语言自动安装对应的语言包，不用理会，实际开发中我们看到的都是英文。
点击扩展按钮，搜索SAP Fiori Tools - Extension
Pack，在右侧窗口点击安装，你会安装一系列组件。其中包括开发向导、语法说明、关键字高亮等信息。
具体工具的介绍可以访问官方文档阅读：
https://help.sap.com/docs/SAP_FIORI_tools/17d50220bcd848aa854c9c182d65b699/2d8b1cb11f6541e5ab16f05461c64201.html
。
补充：最近发现了一个更全的Fiori组件包：Fiori Pack / Business Application Studio
Pack。它竟然包含了足足31个组件包，可以更好的格式化xml文件，更直观的语法检测效果（虽然并不准确）。这个组件包包含了上面的SAP Fiori
Tools - Extension Pack，放心安装。
至此，开发工具已经准备完成，下篇文章开始，我们介绍具体的开发过程。
