🌤️ SAP Web IDE 工程-开发-部署全流程「实例」前言 Web IDE 官网下载启动 Orion 服务

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第4天，点击查看活动详情

前言

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=*****