将文件体积比较大的h5打包到nw.js,分包处理的方法

本文介绍了如何使用nw.js开发环境打包H5应用,包括下载SDK版本、组织文件结构、隐藏主H5源码、合并exe和H5文件等步骤,确保了应用的安全性。
摘要由CSDN通过智能技术生成

1)先下载sdk版本的nw.js,方便调试

2)将若干H5放入nw.js根目录下的package.nw文件夹,这些h5已经测试过,可以分别从主h5,load其他场景进来

3)运行nw.exe测试,可以正常运行

4)将主h5留在package.nw文件夹,其他场景h5,在根目录下建立文件夹data【名称任取】

5)在主h5中,获取nw.exe运行的当前路径

const path = require('path');
const fs = require('fs');
const app = require('nw.gui').App;
		
// 获取应用程序的可执行文件路径
const execPath = process.execPath;

var num= execPath.lastIndexOf('\\');
s._path= execPath.substr(0,num);
s._path =s._path.replace(/\\/g, '/')+'/data/'
//上面的data即为自己建立的文件夹名称

6)修改load场景的路径为s._path

			annie.loadScene("a2x", function(per) {
				//加载进度
				s._txt.text = per + "%";
			}, function(result) {
				if (result.sceneId == result.sceneTotal) {
					s.stage.addChild(annie.getDisplay("a2x", "A2x"));
				}
			},s._path);

7)在package.nw内部,把主h5的所有文件进行压缩,并改名为:package.nw,拷贝到nw.js的根目录【这样,就可以把exe文件和主h5的文件进行合并,普通用户就看不到主h5的源码】

8)运行正常后,下载非sdk版本的nw.js

9)copy /b nw.exe+package.nw myApp.exe,合并exe文件和主h6

10)拷贝全部文件到新文件夹,删除原来的nw.exe,主h5文件夹,主h5压缩后得到的package.nw

此时运行myApp.exe,即可,看不到主h5的源码,如果其他场景的h5已经使用gulp打包成二进制文件,则其他场景的h5也看不到源码比较安全

  • 11
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值