hbuilderx原生开发js方法_uni-app 教程|HBuilderX中配置JS/NVUE文件原生混淆加密

App的安装包都可以解压。前端资源,一般都是明文存放在安装包中,为防止解压后泄露敏感信息,需要进行安全处理。

由此DCloud提供了App端的js/nvue文件的原生混淆。5+App或wap2app支持对指定的js进行原生混淆。uni-app支持对指定的nvue文件原生混淆。

原生混淆后的安装包,解压后看到的都是乱码。

但需要注意:

1.没有绝对的安全,非常重要的信息,应该保存在服务器而不是前端

2.运行期对资源代码解密是影响执行性能的。不建议全包混淆,仅挑选需要保护的个别文件处理即可

具体使用方式如下:

第一步、在manifest.json文件中配置要混淆的文件列表

打开manifest.json文件,切换到“源码视图”,按不同项目类型进行配置。

a) 5+APP/wap2app项目

应用运行期间在页面打开时需要消耗更多时间进行混淆文件还原,为减少对运行速度的影响,5+App/wap2app仅支持对js文件进行原生混淆。

在”plus” -> “confusion” -> “resources”节点下添加要混淆的js文件列表:

resource下的键名为js文件路径(相对于应用根目录),值为空JSON对象(大括号)。

HBuilderX2.6.11+版本开始,在iOS11+设备上使用WKWebview也可以支持JS原生混淆

WKWebview使用了更加严格的安全机制,使用原生混淆的js文件在html页面中必须使用自定义协议头plus-confusion://来引用ÿ

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HBuilderX是DCloud推出的一款跨平台的开发工具,而uni-app是基于Vue.js框架的一种跨平台应用开发解决方案。下面我将简要介绍HBuilderX uni-app的开发教程。 1. 环境搭建:首先,我们需要下载并安装HBuilderX开发工具,然后在工具的插件市场搜索并安装uni-app插件。安装完成后,打开HBuilderX,点击新建uni-app项目,选择你的开发平台(如App、小程序等)和模板,填写项目名称和存储路径,点击完成即可创建一个uni-app项目。 2. 组件使用:uni-app开发使用的是Vue.js框架,所以你可以使用Vue语法来编写你的界面和逻辑。在HBuilderX的编辑器,可以直接创建和编辑uni-app项目的页面,你可以添加页面、组件和自定义样式等。 3. API调用:uni-app封装了一些常用的API接口,可以用来进行数据交互、地理位置服务、摄像头调用等。你可以在编写代码的过程,直接调用这些API接口来完成你的功能。 4. 打包发布:完成开发后,你可以选择将你的uni-app项目打包发布到不同的平台,如App、小程序等。在HBuilderX,你可以选择对应的平台,然后进行打包操作。 总的来说,使用HBuilderX开发uni-app项目可以让你在一个工具完成多个平台的开发,极大地提高了开发效率和便利性。你可以通过学习和实践上面的教程,掌握HBuilderX uni-app开发的基本技能,进行跨平台开发

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值