在按照本文动手尝试之前,请先阅读这篇文章学习 glitch 最基础的用法:web 应用在线编辑器 glitch 简介。
新建一个类型为 glitch-hello-website 应用:
此时会生成如下图所示的项目结构。我们只需要 index.html 和 index.js ( 由自动生成的 script.js 重命名而来)。
index.html 的内容:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SAPUI5 Walkthrough</title>
<script
id="sap-ui-bootstrap"
src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-async="true"
data-sap-ui-resourceroots='{
"sap.ui5.walkthrough": "./"
}'
data-sap-ui-oninit="module:sap/ui5/walkthrough/index">
</script>
</head>
<body>
<div>Hello World</div>
</body>
</html>
index.js 的内容:
sap.ui.define([
], function () {
"use strict";
alert("UI5 库文件已经加载就绪");
});
单击项目名称,可以对其进行重命名:
重命名结果:
点击 change URL,就可以看到这个应用的 url 了:
发送给其他朋友,即可进行分享。比如在手机上打开:
更多Jerry的原创文章,尽在:"汪子熙":
网友评论