您可以使用kapsel-plugin-ui5轻松地创建和构建SAPUI5 cordova应用程序，但所有Javascript源代码都没有混淆。任何人谁下载你的应用程序二进制可以做反向工程，以获得你的源代码。这在某些公司的安全策略中是不允许的。在这篇博文中，我将描述在SAPUI5 Cordova应用程序上进行源代码混淆的步骤。

在编程应用程序之前，您需要安装必备的工具和SDK。安装最新的nodejs和cordova cli，以及SAP Kapsel SDK.

以下示例基于Windows操作系统。如果您使用的是Mac OS，您可以相应地修改命令（这对您来说应该不是什么大问题）。

首先，运行以下命令创建cordova项目并将kapsel-plugin-ui5添加到项目中。

您需要将%kapsel\u SDK\u HOME%替换为kapsel SDK HOME文件夹的实际位置，例如：C:\SAP\kapsel SDK

Edit file万维网/索引.html按下图粘贴代码

编辑www/js/索引.js文件。SAPUI5初始化后将立即调用此文件，如sapui onInit属性所示。将下面的源代码粘贴到索引.js现在你可以在Android模拟器上测试这个HelloWorld应用程序了。启动仿真器，并运行以下命令来部署apk。

在android仿真器上，淘客返利软件，按"Click Me…"按钮显示toast消息"Hello World！"。

npm软件包cordova uglify和babel可用于丑化和缩小javascript/css文件。

cordova uglify仅支持ES5 javascript文件。不幸的是，ES6+在web开发中非常流行。您的cordova应用程序可能包含ES6+javascript代码，就像上面的示例一样索引.js（=>运算符）。因此，大数据，让我们使用babel将所有ES6+代码编译为ES5。

在cordova项目的根目录下运行此命令以安装软件包。

创建一个名为babel.config.json文件"在cordova项目的根目录中，包含以下内容：

备份原始源代码。将文件夹"www"、"plugins"和"platforms\android\platform\u www"复制到文件夹"src origin"：

运行以下命令将所有代码从ES6+编译到ES5（注意：忽略文件夹"**/resources"中的SAPUI5库，大数据精准获客，因为SAPUI5库已经编译到ES5）：

下一步，让我们使用cordova uglify来混淆javascript文件。

在cordova项目根文件夹中安装cordova uglify插件：

安装后，一个"uglify"-配置.json"文件将自动添加到hooks文件夹中。

编辑"uglify-配置.json"，更改"uglifyJsOptions.mangle文件是真的。然后将您想要修改的文件夹添加到"foldersToProcess"数组中。对于cordova应用程序，可以添加文件夹"js"、"css"、"plugins"。或添加文件夹"."以包含"www"文件夹中的所有文件。json文件应该是这样的：

运行命令：

它会使platforms文件夹中的js/css文件变丑。

您可以通过运行命令测试模糊的apk

如果您想查看apk中的模糊文件内容，您可以转到platforms\android\app\build\outputs\apk\release\文件夹并将apk文件重命名为.zip，然后提取内容。查看资产\www\js\索引.js文件，如下所示。

恭喜！您已经使用kapsel-plugin-ui5创建了一个SAPUI5 cordova应用程序，使用babel将javascript文件从ES6+编译到ES5，移动物联网，并使用cordova uglify混淆了代码。您可以将相同的方法应用到您自己的项目中，云端服务器，以保护您的知识产权。