手机版 欢迎访问魄力云云市场资讯网站

当前位置:主页 > 网络与CDN >

大带宽_闲置带宽cdn_年度促销

时间:2021-07-11 13:37:25|来源:魄力云|编辑:魄力云|点击:

更新日期:2020年4月2日:增加了限制。

在这个博客中,我想展示我们最近添加到云构建服务中的一个功能:添加自定义或第三方Cordova插件的功能,当我们从Hybrid Application Toolkit中逐步淘汰HAT Local插件组件时,我们实际上创建了一个功能缺口,因为定制插件只能通过本地构建的HAT Local插件获得支持。在开发包含自定义插件的Cordova应用程序时,完全在本地开发环境中开发应用程序实际上更有意义。然而,我们联系了一些客户,他们希望在我们的云构建中使用定制的或更重要的第三方插件,教育大数据,以便他们能够在云环境中开发他们的应用程序。这些第三方插件不是通过公共存储库分发的。我们已经听取了这些反馈并添加了此功能。

将自定义条形码扫描仪插件添加到打包的应用程序

在本节中,我将向打包的Fiori应用程序添加自定义条形码扫描仪插件。这种类型的应用程序具有打包在应用程序中的容器应用程序所需的所有web资产。

对于这种情况,我们将基于Fiori Master Detail模板在SAP web IDE中创建一个新项目。从菜单中,请选择"文件">"新建">"模板中的项目"。对于Neo环境,请选择SAP Fiori Master Detail应用程序模板,云教云,按照向导步骤进行操作,并确保在模板自定义步骤中为应用程序场景选择独立应用程序类型。

在工作区中创建项目后,右键单击并选择"移动">"启用为混合移动项目"。这将添加构建Cordova应用程序所需的代码和配置。这还将包括一组默认的Cordova插件。

在我们添加自定义插件之前,您需要意识到条形码扫描仪插件是一个特例。默认情况下,我们在打包的应用程序中添加SAP Kapsel条形码扫描仪插件,这是SAP定制的插件版本。为了避免插件之间的冲突,我们需要将其从应用程序中包含的插件列表中删除。选择此方案的主要原因是我们有客户案例,他们希望使用第三方条形码扫描仪插件。

右键单击项目,在上下文菜单中,选择移动>选择Cordova插件>Kapsel。找到kapsel插件条形码扫描仪并取消选中它。保存您的更改。

我们的云构建服务将从项目移动文件夹中名为plugins的文件夹中获取自定义插件。在/mobile文件夹中创建一个名为"plugins"的新文件夹。

我们将添加一个定制版本的phonegap条形码扫描仪插件。打开此插件的github页面https://github.com/phonegap/phonegap-plugin-barcodescanner并将这个插件的zip文件下载到你的机器上。您还可以克隆git repo,但是接下来您将有更多的工作来创建zip文件。使用zip文件可以轻松地将大量文件导入SAP Web IDE项目。

返回SAP Web IDE中的项目,右键单击"插件"文件夹,然后选择"导入">"文件"或"项目"。浏览选择您下载的文件。

插件文件夹的名称必须与插件文件夹中指定的插件的cordova id完全相同包.json. 我们的云构建服务将根据文件夹的名称确定要添加哪个cordova插件。如果名称与Cordova id不匹配,插件将不会被加载。

在这种情况下,Cordova id是phonegap plugin barcodescanner。

将插件文件夹重命名为这个(基本上,如果您从master分支中选择了drop,您只需删除"-master"。

现在,为了这个演示/博客,我们将改变iOS条形码扫描界面的颜色。默认情况下,在扫描条形码时,您将看到一个略微透明的绿色框和红色水平线。我们将把颜色改成一个带蓝色横线的黄色盒子。您可能会大幅更改扫描仪UI,但这取决于您。

对于Android,您可以修改其他内容(例如更改success beep)。

打开文件plugins/phonegap plugins条形码扫描仪/CDVBarcodeScanner.mm搜索"蓝色"。修改找到的两行并保存您的更改。

我们现在将向Fiori应用程序添加一些代码,以添加触发条形码扫描仪插件的按钮。

在标题工具栏中添加按钮,继续打开文件/webapp/view/Master.view.xml文件并在搜索字段后添加以下行:

按下此按钮将调用函数onBarcodeScan。让我们在主控制器中添加这个函数。打开文件/webapp/controller/主控器.js并在onInit函数后添加以下代码:

由于这段代码使用的是sap.m.MessageBox,请将其添加到主控器.js.

在同一个文件中,请找到代码!设备.系统.电话把它换成!sap.ui.Device设备.系统电话

现在我们已经完成了项目的调整,让我们继续在云中构建应用程序。

在项目上下文菜单中,选择移动>构建打包应用程序并完成向导步骤。对于大多数选项,阿里大数据分析,您只需保留默认设置即可。需要在生成设置中选择签名配置文件。

生成完成后,您可以使用超链接下载应用程序,或使用二维码将应用程序通过空中安装到您的设备上。

启动应用程序,验证并设置密码后,您将能够看到自定义的条形码扫描仪。

添加自定义Fiori客户端应用程序的自定义条形码扫描仪插件

云主机服务商 Ucloud云计算 移动云数据 云存储服务器 Ucloud云主机 云计算提供商 阿里数据库 服务器租用 云储存服务器 Web云服务器 ucloud云数据库 独享云主机 云服务器服务商 海外云存储 云服务器主机 云计算解决方案 国内云存储 数据库云平台

Copyright © 2002-2020 魄力云 版权所有

备案号:豫ICP备56298345号