网络前端页面生成exe可执行文件的方法 - 行业资讯 - 肥雀云

在HTML5的崛起,JavaScript要一统天下之际,有一个名为【跨平台】的技术越来越火。为什么会这么火?因为软件开发者只需一次编写程序,即可在Windows、Linux、Mac、IOS、Android等平台运行,大大降低了程序员的工作量,也使公司的产品可以快读迭代。曾经跨平台技术的不被看的好,如今随着手机,电脑硬件的发展而快速发展。这一切,几乎由HTML5技术推动,当然,JavaScript这个语言,是最大的功臣。

基于HTML5的跨平台技术比较出名的有PhoneGap,科尔多瓦,常常用于开发webapp;还有白鹭,Cocos-creator,团结等,常用于开发游戏,还有基于节点。js的西北。js,用于开发桌面应用,以及电子,一款比西北。js还强大的用网页技术来开发桌面应用的神器。

其实,以上都是废话,现在进入主题:怎么用电子将网页打包成exe可执行文件!

假设: 　　

1,你已经安装并配置好了节点。js(全局安装)
　　2,你已经用npm安装了电子(全局安装)
　　3,你已经写好了前端网页(html、css、javascript这些,或者基于这些的前端框架写好的网页)
　　4、以上三点看不懂的,赶紧去百度…

你如果具备了以上的假设,请继续往下看:

1,找到你的前端网页项目文件夹,新建package.json, main.js,指数。html三个文件(注:其中的指数。html是你的网页首页)

你的项目目录/

　　　　　　├──package.json 　　├──main.js 　　└──index . html 　　　　

2,在包中。json中添加如下内容

　　　　　　{ 　　“名称”:“应用名称”, 　　“版本”:“0.1.0”, 　　“主要”:“main.js” 　　} 　　　　

3,在主要。js中添加下面的内容,这个主要。js文件就是上包面。json中的“主要”键的值,所以可根据需要修改

　　　　　　const{应用,BrowserWindow}=要求(“电子”) 　　const path=要求(“路径”) 　　const url=要求(url)//窗口对象的全局引用,如果你不,窗口//关闭时自动垃圾收集的JavaScript对象。　　我们赢了　　函数createWindow () {//创建一个浏览器窗口。　　赢得=new BrowserWindow({宽度:800,身高:600})//和负载指数。应用程序的html。　　win.loadURL (url.format ({ 　　路径名:路径。加入(__dirname index . html), 　　协议:“文件:”, 　　斜杠:真　　}))//打开DevTools。//win.webContents.openDevTools ()//关闭窗口时释放。　　赢了。(“关闭”,()=比;{//废弃的窗口对象,通常你会商店的橱窗//数组中如果你的应用程序支持多窗口,这是时间//当你应该删除相应的元素。　　赢得=零　　}) 　　}//这个方法时将调用电子已经完成//初始化并准备好创建浏览器窗口。//一些api可以> 　　npm安装electron-packager - g 　　　　

7、安装好打包神器后,还是在上一步的DOS下,输入<代码> electron-packager。应用程序——赢得presenterTool——拱=x64——版本1.4.14——覆盖——忽略=node_modules> 　　　　　　electron-packager。应用程序——赢得presenterTool——拱=x64 　　——版本1.4.14覆盖——忽视=node_modules 　　　　

这个命令什么意思?蓝色部分可自行修改:

electron-packager。可执行文件的文件名——赢得了打包成的文件夹名——拱=x64位还是32位版,版本本号——覆盖忽视=node_modules

巴缜岸艘趁嫔蒭xe可执行文件的方法"