手把手教你将HTML文件打包成.apk和.exe
手把手教你将HTML文件打包成.apk和.exe
·
先说如何打包成.apk吧
首先需要你有一个HBuilder X这个软件,这个软件是要注册的是免费的
点击文件,新建,项目
按图操作(使用默认模板即可)
除框选的文件不要动以外,其余文件换成自己的即可
最后打开框选文件进行配置
图标使用1024x1024的然后自动生成并替换
这个按需勾选(全页)我是都没勾选
这页就不要动了
然后点击发行,点击云打包
这里我是这么来的
如果想用自己的证书的话选择自有证书即可点击打包就可以了
然后就会有消息(里面会告知你的文件路径)
这里补充一下如何领取证书
直接搜索
点击第一个
按要求输入即可
然后说打包成.exe
先准备两个软件
NW.js (nwjs.io)https://nwjs.io/ 还有一个自行搜索切记版本号9.70(我在这里走了很多弯路)
我点的第一个
第一个软件下载后解压
然后给你写好的程序配置一个package.json的文件
(我开始用的这个不行于是换了另一个,看下段)
{
"main": "index.html", //入口
"name": "nw-demo",//字符串必须是小写字母或者数字,可以包含"." 或者"_"或者"-" ,不允许带空格,必须唯一
"description": "demo app of node-webkit",//描述
"version": "0.1.0",//版本
"keywords": [ "demo", "node-webkit" ],//关键字
"window": {//窗体配置
"title": "node-webkit demo", //窗体的标题
"icon": "link.png",//窗体的ico图标
"toolbar": true,//是否要工具栏
"frame": false,//bool值。如果设置为false,程序将无边框显示 也就是没有系统默认的关闭,最小化,全屏按钮
"width": 800,//窗口的大小
"height": 500, //窗口的大小
"position": "mouse", //字符串。窗口打开时的位置,可以设置为“null”、“center”或者“mouse”。
"min_width": 400,//最小宽度
"min_height": 200,//最小高度
"max_width": 800,//最大宽度
"max_height": 600,//最大高度
"as_desktop" :false,//是否作为桌面背景窗口显示
"resizable":false,//是否允许调整窗口大小
"always-on-top":true,//窗口是否置顶
"fullscreen":false,//是否全屏显示
"show_in_taskbar":true,//是否显示任务栏图标
"show":false, //如果设置为false,启动时窗口不可见
"kiosk":false //是否使用kiosk模式。如果使用kiosk模式,应用程序将全屏显示,并且阻止用户离开应用
},
"webkit": {
"plugin": true,//bool值,是否加载插件,如flash,默认值为false。
"java":false, //bool值 是否加载java applets
" page-cache":false //是否启用页面缓存
}
}
没错这么一点就解决了
{
"name": "index-demo",
"main": "index.html" //入口
}
配置好了以后打开文件根目录全选压缩成.zip
然后改压缩包后缀为.nw
将其复制到下载好的第一个软件中
在上方输入cmd
输入这段代码回车
copy /b nw.exe+app.nw app.exe
回到刚才的目录发现多出了app.exe(此时一旦脱离该目录就无法运行所以就要用第二个软件)
点击浏览找到刚才的文件点击打开,输出文件我选择的是桌面,然后点击添加,添加文件夹递归
添加下第一个下载的那个
点击确定
点击打包(注意我的这个是新下载的里面只有一个文件)
等待完成后点击关闭
关闭后发现桌面并没有软件,原来它被改到了这里
就是这么个程序
好了打包到这里就结束了
更多推荐
已为社区贡献9条内容
所有评论(0)