前言

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,项目工程结构如图所示:

项目测试

项目运行测试

xmlns:mvc="sap.ui.core.mvc" displayBlock="true"

xmlns="sap.m">

配置数据源

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 联系我

精彩链接

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: