SAP Web IDE 工程-开发-部署 全流程「实例」

前言

• Web IDE 官网下载
• 启动 Orion 服务
• 参照模板创建工程
• 项目测试
• 配置数据源
  • OData Service
• 撰写视图 & 逻辑代码（主要开发）
• 工程测试 & 部署到 SAP NW BSP Lib

---

Web IDE

环境配置

关于 JDK 安装 & 配置这部分，网上有很多完善的文章，不做过多赘述

• 前往 官网 下载并安装，然后配置环境变量
• 注意：JDK 版本 要控制在 1.8.xxx，如果版本过高 （Web IDE will not work）
  • 如果不知道怎么找，那就直接在 此处 下载（密码：@Wriprin）

java -version & javac 测试配置是否成功

---

Web IDE

• 从 SAP Web IDE The Personal Edition 官网 下载自己 OS 对应 版本（Personal Edition 即可）

• 下载完成后，直接 解压 即可

---

启动服务

有关 Web IDE 服务的 BUG 解决方案可参见文章：SAP Web IDE 启动时问题「解决方案」

• 运行 {root}\eclipse\orion.exe

• 访问 URL：http://localhost:8080/webide/index.html
  • 访问界面应该如下图所示，创建账号，然后登录即可
  • PS: Web IDE 为本地开发，创建的账号也只是用于区分工作空间而已

如果端口冲突，可修改 {root}\eclipse\orion.ini 配置文件

---

构建项目

参照模板创建工程项目「Project from Template」

配置工程名 & 命名空间

配置 View 视图层语言，默认模板 View 名称

点击 Finish，项目工程结构如图所示：

---

项目测试

项目运行测试

<mvc:View controllerName="cc.cnix.ZSH_001.controller.App"
	xmlns:mvc="sap.ui.core.mvc" displayBlock="true"
	xmlns="sap.m">
	<App id="App">
		<pages>
			<Page title="{i18n>title}">
				<headerContent>
					<Text text="This is a Web IDE Proj."></Text>
				</headerContent>
				<content>
					<!-- ... -->
				</content>
			</Page>
		</pages>
	</App>
</mvc:View>

---

配置数据源

SAP Server Connect

首先，我们要配置 Web IDE 连接到我们的 SAP 服务器

逐层添加目录：{root}\eclipse\config_master\service.destinations\destinations

在 destinations 文件夹下创建 S4H （无后缀） 文件

配置：这里只需要修改 URL 和 sapclient 即可

Description=S4H
Type=HTTP
TrustAll=true
Authentication=NoAuthentication
Name=S4H
ProxyType=Internet
URL=http://cnsrv113.dcn.com:8081/
WebIDEUsage=odata_abap,odata_gen,ui5_execute_abap,dev_abap,bsp_execute_abap,odata_xs
WebIDESystem=S4H
WebIDEEnabled=true
sapclient=200

有些服务器，启用了安全验证服务，比如访问 Fiori 前端是 HTTPS 的，那么 URL 地址要指向 HTTPS 了，如下：

Description=S4H
Type=HTTP
TrustAll=true
Authentication=NoAuthentication
Name=S4H
ProxyType=Internet
URL=http://cnsrv113.dcn.com:8081/
WebIDEUsage=odata_abap,odata_gen,ui5_execute_abap,dev_abap,bsp_execute_abap,odata_xs
WebIDESystem=S4H
WebIDEEnabled=true
sapclient=200
User=******
Password=*****

---

Add OData Service

配置方式添加 OData Service

选择配置系统，选择需要的 OData Service，Next 即可

这里我们可以看到选择 S4H 就代表 S4H 配置文件里的对应的 SAP Server

所以如果我们需要连接其他系统，只需再在我们上面说的目录下再创建一个文件，配置到对应的系统上即可

当我们配置好了数据源，可以发现相关配置文件代码已经发生了改动，这部分可自行查看

---

实际开发

• 规范模板代码入场
• 关于控件使用 查阅 API 文档 「注意选择对应 UI5 版本」
• CV 大法 + 缝缝补补

---

工程部署

工程项目 -「右键」-「Deploy」-「Deploy to SAPUI5 ABAP Repository」

配置系统，第一次部署所以选「Deploy a new application」

配置 App Name & Description & Package

View -「Console」查看部署情况

SAP NW 端查看部署 BSP Lib

工程项目 -「右键」-「Test」-「访问网页」

注意 URL 和 Port 的配置，如果不正确，访问可能会出现问题
解决方案：

• 本机 做一下 本地解析
• SICF 查看 Port Info 查看正确的 端口号

当然，也可以通过 SICF 找到对应 服务 进行测试

---

结语

如有问题可以 通过 邮件 wriprin@gmail.com 联系我