共计 2132 个字符，预计需要花费 6 分钟才能阅读完成。
我从 SAP 社区博客上理解到一个开源我的项目，名叫 abap2UI5, 作者是 Oblomov Dev，这是 Github 我的项目地址：
https://github.com/abap2UI5/abap2UI5
这个我的项目最吸引 ABAP 开发人员之处在于：
- 传统的 ABAP 搞定所有：仅仅依附最根底的传统 ABAP 编程语言，就能够开发并运行 SAP UI5 利用。不须要学习 JavaScript 和 CDS view 等开发技术。
- 通过 abap2UI5 生成的 SAP UI5 利用，运行时不须要 BSP，CDS，BOPF 或者 RAP 这些框架的反对。实际上，abap2UI5 只须要 ABAP 零碎 SAP_BASIS 模块的 ICF(Internet Communication Framework) 框架即可运行。
- 反对 ABAP On-Premises 零碎和云端的 SAP BTP ABAP 编程环境。
- 反对所有常见的 ABAP 零碎版本，从 Netweaver 7.02 到 ABAP 2305.
- 装置不便：应用 abapGit 即可轻松搭建开发环境，将本地开发所需的所有 ABAP 资源，从 Github 同步到本地 ABAP 零碎。
实际上，当我首次得悉该我的项目时，脑子里全是问号：为什么？为什么要用 ABAP 开发 SAP UI5 这种 Web 利用？谈到 Web 利用，咱们会条件反射地将其同 JavaScript 和 HTML 分割在一起。只管 ABAP 联合 BSP/WebClient UI/ABAP Webdynpro 这些 SAP 自研的工具和框架，也能胜任 Web 利用开发工作，然而 ABAP 的强项不在于此，而在于后盾业务逻辑和服务的开发。
为什么要执意于应用 ABAP 来开发 SAP UI5 呢？
带着这个疑难，我浏览了该项目标文档，理解到了一个 HTML Over the Wire 的概念。原来是我见多识广了。abap2UI5 只不过是我的项目作者，贯彻 HTML Over the Wire 理念，做出的一次胜利的尝试罢了。
本公众号会依照下列思路，通过一系列文章介绍 abap2UI5：
- abap2UI5 开发环境的搭建
- abap2UI5 的设计动机和背地的理念：什么是 HTML Over the Wire？
- 用 abap2UI5 开发一个 Hello World 级别的 SAP UI5 利用
- abap2UI5 的工作原理
- 更多 abap2UI5 的高级技巧
本文介绍 abap2UI5 开发环境的搭建。其实说白了很简略——就是 abapGit 的简略应用而已。
依照 abapGit 官网的介绍，将 abapGit 的源代码拷贝下来，在本地 ABAP 零碎新建一个 ABAP 报表，而后把代码粘贴进去，激活即可。
https://abapgit.org/
我下载的这个版本，总共十二万行左右的代码：
执行报表，点击 New Online 按钮，将上面这两个代码仓库的代码，同步到正在应用 abapGit 的零碎里：
- https://github.com/abap2UI5/abap2UI5
- https://github.com/abap2UI5/abap2UI5-demos
按钮点击之后，会弹出一个对话框，要求咱们指定 ABAP 开发包，用于存储同步到 ABAP 零碎的 abap2UI5 代码。这里我别离指定的开发包是 $ZABAP2UI5 和 $ZABAP2UI5_DEMO.
代码同步实现后的 abapGit 首页如下图所示：
到 SE80 事务码里能看到胜利同步到本地的 ABAP 代码：
下一步咱们须要通过 ABAP SICF 事务码，将这些 ABAP 资源提供的性能裸露进去，让它们能够通过 HTTP 协定被生产。
对于 ABAP SICF 事务码的更多介绍，请参阅我之前的文章：
从 ABAP Netweaver 的 SICF 到 SAP Kyma 的 Lambda Function
咱们首先创立 SICF handler class，取名 ZCL_ABAP_2_UI5，实现接口 IF_HTTP_EXTENSION 的 HANDLE_REQUEST 办法：
这个 HANDLE_REQUEST 办法的作用是，生成 abap2UI5 的脚手架界面。
而后启动 SICF 事务码，找一个适合的节点，给其创立子节点，轻易起个名字，比方命名为 abap_ui5：
将之前创立的 ABAP handler class ZCL_ABAP_2_UI5 保护到该节点的 Handler 字段内。
最初抉择 Test Service 启动脚手架利用：
下图就是 abap2UI5 的脚手架利用的首页界面。点击 Demo Section 区域的 Continue 按钮，能看到来自 https://github.com/abap2UI5/abap2UI5-demos 代码仓库的所有例子利用：
玲琅满目标 demo 利用：
轻易点开一个，你能置信眼前这个 SAP UI5 利用，真的是纯 ABAP 开发的产物吗？
点击右上角的 Source Code 按钮，就能看到对应的 ABAP 源代码：
如大家所见，这些确确实实是正宗的 ABAP 代码。
如果你想晓得这些 ABAP 代码是如何神奇地生成了能够运行的 SAP UI5 利用，敬请关注本公众号后续的系列文章介绍。
后续系列内容安顿
- abap2UI5 开发环境的搭建 (本文)
- abap2UI5 的设计动机和背地的理念：什么是 HTML Over the Wire？
- 用 abap2UI5 开发一个 Hello World 级别的 SAP UI5 利用
- abap2UI5 的工作原理
- 更多 abap2UI5 的高级技巧
