乐趣区

关于sap:如何在浏览器里开发并运行-SAP-UI5-应用

除了 SAP 公司官网反对的 WebIDE,SAP Business Application Studio 这些运行在浏览器端的开发工具,能够进行 SAP UI5 的开发之外,咱们还能够应用 StackBlitz 这款在线 web 利用的开发工具,来开发 SAP UI5 利用。

我这里做了一个例子,大家能够通过这个链接 拜访。

咱们关上这个页面,察看到的屏幕能够分成四个区域,上面逐个介绍。

用过 Visual Studio Code 这款编辑器的敌人们不难发现,这其实就是 Visual Studio Code 的浏览器版本。

(1) 显示一个文件树结构,蕴含了该 SAP UI5 工程的所有资源文件,蕴含 xml 视图实现和控制器实现 (JavaScript 代码)。Jerry 提供的这个例子,SAP UI5 利用采取了 ui5 cli 这个开源的构建工具来构建和启动,而 ui5 cli 基于 Node.js,因而上图还能察看到 ui5 cli 的配置文件 ui5.yaml 和 Node.js 我的项目所需的 package.json 文件。

(2) StackBlitz 在线开发环境里编辑文件的次要区域。

(3) StackBlitz 的终端控制台,咱们能够在此处执行各种命令行。
(4) SAP UI5 利用一旦启动后,渲染的页面会呈现在这个区域。

目前上图区域 4 显示的是 botting webcontainer. 在浏览器编辑环境的上下文里,Web Container 技术可能让 Node.js 利用在浏览器环境里以原生形式运行。

咱们在区域 3 的终端里,输出命令行 ui5 serve:

首先会看到 StackBlitz 主动去下载 ui5 cli 的 package,相当于为咱们执行了 npm install:

紧接着,区域 4 显示了以后这个 SAP UI5 工程的所有文件夹列表。

咱们将这个 url 拷贝下来:
https://jerry-ui5-app–8080.l…

新开一个浏览器窗口,在开端增加上 index.html,就能够拜访到这个 SAP UI5 利用了:

https://jerry-ui5-app–8080.l…

对于运行在 StackBlitz 上的 SAP UI5 利用的调试,同运行在其余环境的并无区别,ctrl+alt+shift+p,在弹出的对话框里启用调试模式,刷新浏览器,即可加载调试版本的 JavaScript 源代码进行调试。

更多 Jerry 的原创文章,尽在:” 汪子熙 ”:

退出移动版