这篇博文已经过时了。我们已经结束了对HAT本地附加组件的维护。您不能再从SAP应用商店下载此工具。我们不再支持此工具。强烈建议您利用我们通过移动服务提供的云构建服务构建混合应用程序。更多信息请参见:https://blogs.sap.com/2018/08/16/announcing-end-of-maintenance-for-hybrid-app-toolkit-local-add-on-local-builds-only
使用混合应用工具包和云构建服务创建离线应用,请查看此博客:https://blogs.sap.com/2018/05/22/creating-an-offline-crud-hybrid-mobile-app-in-sap-web-ide-full-stack-with-hybrid-application-toolkit/
简介
在这个博客里,我将使用Hybrid App Toolkit从sapwebide创建一个基于CRUD Master Detail模板的离线应用程序的步骤
遵循本文中提到的步骤,需要满足以下前提条件
您需要在https://account.hanatrial.ondemand.com云平台并在云平台驾驶舱中启用了以下服务。
您需要在本地安装混合应用工具包本地加载项环境混合应用工具包本地版的安装和设置说明可在此处找到附加组件
要创建CRUD master detail应用程序,我们需要在SAP云平台中设置后端目标。对于本博客,我们使用SAP Gateway ES4演示系统OData服务。如果您以前没有注册SAP Gateway演示系统,您可以在此处注册
设置后端目标
有关其他属性字段,请单击"新建属性"并填写
5。单击"保存"。
在SAP Web IDE中启用混合应用工具包插件
在使用SAP Web IDE项目模板创建项目之前,我们需要启用"混合应用工具包"插件,以便混合移动功能在SAP Web IDE中可用。
或
3。选择插件。找到并选中Hybrid App Toolkit以启用插件。
4.单击保存。
5.单击刷新以重新加载SAP Web IDE
基于CRUD Master Detail模板创建新项目
现在您将使用SAP Web IDE项目模板向导创建新应用程序。
3。在模板选择页面,选择SAP Fiori应用程序类别,点击CRUD Master Detail应用程序,企业应用管理,将其标记为新项目使用的模板
4.单击下一步
5.在向导的第一页,输入项目名称OfflineApp,标题Products,名称空间为com.sap.offlineapp网站
6.点击下一步
7。在数据连接页面,点击服务目录作为服务源。
8。从下拉框中选择ES4网关系统条目。
9。在搜索输入框中输入"基本"进行过滤
10.选择GWU基本服务
11.点击下一步
12.在模板定制页面,填写数据绑定-对象部分,如下
勾选"创建新身份时仅显示必填字段"
13.向下滚动到数据绑定-行项目部分,填写以下部分。
14.单击"下一步"。
15.单击"完成"创建新应用程序。
16.运行新生成的web应用程序
17.恭喜!您开发了CRUD Master Detail应用程序,网站服务器租用,并且您看到它已经在预览模式下运行。
为项目配置脱机设置
2。切换到代码编辑器视图
3。在文件
4的末尾添加以下代码段。保存并关闭文件
添加代码以同步数据
在这一步中,我们将在主视图中添加一个按钮,并在按钮按下事件中添加一个javascript代码以将数据从后端同步到设备上的脱机存储
4.选择我们刚刚添加的底部面板上的按钮。在右边的画布上,我们将看到一个属性/按钮设置面板。删除文本和宽度属性中的值,添加sap-图标://刷新到图标属性
5.现在您的底部面板应该是这样
6.在右侧画布上,选择事件设置。按,新建功能
7.进入onSyncData,点击确定
8.进入工作区,打开OfflineApp/webapp/controller/主控器.js文件
9。将空的onSyncData函数替换为以下代码
10。保存并关闭视图和控制器文件
在SAP云平台移动服务上创建应用程序
3.在新建应用程序弹出对话框中填写以下值
4.单击保存按钮。这将保存应用程序并进入编辑应用程序页
5.在编辑应用程序页中。选择连接
6。点击新目的地图标创建新目的地
7.在创建目的地弹出对话框中,选择移动目的地作为类型,然后com.sap.offlineapp网站对于目的地名称
8。单击下一步
9。填写以下值
10.点击下一步
11.选择SSO机制的基本认证
12.点击下一步
13.填写后台账号(SAP Gateway ES4 Demo System OData Service账号)的用户名和密码
14.点击下一步,点击完成
15.返回编辑应用页面,选择安全
16.将安全配置更改为无,然后单击保存
配置混合应用工具包本地加载项设置
3.对于应用程序部分,输入如下信息。对于构建选项,选择发布模式。对于平台,物联网操作系统,选择Android
4。对于插件部分,在Cordova选项卡下,检查网络连接;在Kapsel选项卡下,检查登录管理器,Logger和Offline OData
5.点击Save按钮
现在我们可以通过Hybrid app toolkit将应用程序部署到移动设备
将应用程序部署到移动设备
在这一步中,怎么选购云服务器,我们将把应用程序部署到所选移动设备并在Offline模式下运行应用程序
4.输入您的后端用户名和密码,然后点击OK在登录屏幕上。如果登录成功,您将看到密码屏幕。
5.点击禁用密码按钮加载应用程序。它将显示如下加载屏幕。这表明我们的应用程序是离线应用程序
6.创建离线商店后,应用程序屏幕应该如下
测试应用程序的离线功能
为了验证我们的应用程序的离线功能是否正常工作,我们可以尝试以下步骤
3。将货币代码从欧元改为新加坡元。
4.点击保存按钮。
5。现在在手机屏幕上,我们可以看到HT-1000的货币代码已经改变了