SAP UI5学习第一课:准备UI5开发环境

  • 4
  • 1,021 views
  • A+
所属分类:Notes

SAP UI5学习第一课:准备UI5开发环境

  1. SAP UI5是SAP发布的基于H5的用于新的用户体验开发一个前端框架(标准,可以理解为一套前端框架,例如vue等,这套框架和SAP后端系统有标准的集成方法等),SAP Fiori是SAP UI5具体实现的工程(打比方说,C语言是开发SAPGUI的一种语言,SAP GUI是C语言开发的一种成果)。
  2. SAP UI5开发涉及的技术UI5、ABAP、OData、JavaScript、CDS View、HANA。
  3. SAP Fiori的基本架构如下图:

SAP UI5学习第一课:准备UI5开发环境

如果前端访问量比较大,通常会专门安装一台专门用于处理UI5的服务器,当然UI5的组件也可以安装进现有的SAP实例上(和BW是否独立安装还是直接安装在ECC上一个意思)。

  1. SAP UI5开发工具

官方的WEBIDE,收费,轻量级,在线,功能原生、强大;

SAP WebIDE

在线版

•进入https://account.hanatrial.ondemand.com/cockpit#,注册账号,登陆后选择欧洲试用版Europe(Rot) - Trial, 在左边列表找到服务,查找SAP WebIDE, 再点击转到服务即可进入

离线版(个人版)

•进入https://tools.hana.ondemand.com/#sapui5,找到SAP WebIDE下载地址,下载后再下载WebIDE安装说明文档,再按照说明文档配置WebIDE

开源的Eclipse安装SAP的插件,免费、可随意调整,也用的比较多。

Eclipse

•下载SAP HANA Studio, Eclipse Mars/Neon

•进入Help->Install New Software

•点击Add, Location输入https://tools.hana.ondemand.com/mars

•点击OK确认

•安装UI Development Toolkit for HTML5

•安装ABAP Development Tools for SAP NetWeaver

注意一点:最新版的Eclipse可能不兼容SAP的开发插件,所以先去https://tools.hana.ondemand.com上看支持哪个版本、就下载哪个版本。

ABAP Workbench,用于开发后端的SAP Gateway Service,简单的说就是前端网页传过来的内容,在SAP后端服务器里开发对应的接口。

 

常用T-code:

SAP UI5学习第一课:准备UI5开发环境

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  4   博主  0

    • ag

      要做好UI5的开发,需要几个做好两件大事:SAP Gateway和UI5.
      可以简单理解为Gateway是SAP提供内容给外接的一个渠道,UI5是和这个渠道进行交互的一种用户体验。

      • ag

        Open Data Protocol (OData)

        • ag

          SAP Gateway, an integral part of SAP NetWeaver, lets you connect devices, environments, and platforms to SAP systems. It uses the Open Data Protocol (OData) so you can use any programming language or model to connect to SAP and non-SAP applications.

          • ag

            SEGW – SAP gateway service builder