electron在win上可运行后,如何打包到linux上运行?

electron在win上可运行后,如何打包到linux上运行?,第1张

1、如果只是需要运行起来,不需要打包,那么可以在linux建文件夹,npm安装对应包,然后将win下的代码拷贝到对应位置即可运行。

2、如果需要打包,则比较复杂。大致为:

a) 建app文件夹,将代码(含indexjs文件)拷贝到其中。

b) npm安装asar,用asar的pack命令,将app文件夹打包成一个文件appasar

asar pack app appasar

c) 在网页链接 下载对应版本的linux预编译二进制包,解压,用上面生成的appasar替换resources文件夹下同名文件。

d) 修改chrome-sanbox文件权限及属主:

sudo chown root:root chrome-sandbox
sudo chmod 4755 chrome-sandbox

e) /electron即可运行

这里介绍一种简单的方法,利用node的electron打包html为exe文件,非常简单方便,下面我简单介绍一下实现过程,主要内容如下:

1下载安装node,这个直接到官网上下载就行,选择适合自己系统的版本就行,如下:

安装完成后,我们可以打开cmd窗口,输入命令“node-v”,如果显示出node的版本,则证明安装成功,如下(我的是早期的版本):

2下载安装electron和electron-packager包,打包程序的时候要用到这2个包,这个直接在cmd窗口使用命令“npminstallelectronelectron-packager”就行,如下,安装的过程可能需要等待一会儿:

3安装成功后,我们就可以利用electron打包html文件为exe文件了,主要步骤如下:

为了更好的说明问题,这里我新建了一个indexhtml文件,主要内容如下,很简单,后面的打包就是打包这个html文件:

接着我们新建一个文件夹,随便命名都可以,我这里命名是package,将刚才的indexhtml文件拖进去,同时新建一个packagejson文件和mainjs文件,目录结构如下:

其中,packagejson用于指明打包基本信息,mainjs用于指明打包详细配置,内容如下:

packagejson文件内容,name为应用名称,version为版本,main为前面的mainjs:

mainjs文件内容,这里可以根据自己需求进行设置,网上资料很多,可以搜一下,我的配置如下(简单配置):

最后,就是打包html文件了,先在cmd窗口切换命令到打包文件夹,即package目录,接着直接输入命令“electron-packagerHello--win--outHelloApp--arch=x64--electron-version=3010--overwrite”就能自行打包,这里也可以自行配置,设置相关参数,其中,代表打包当前目录,Hello为exe应用名称,--out为打包输出的文件夹,--arch为应用位数(64位或32位),--electron-version为electron版本,--overwrite为重写,截图如下,成功打包:

接着在HelloApp目录下的Hello-win32-x64中就能找到打包的exe应用Helloexe,如下:

双击就能直接运行打包好的exe文件:

至此,我们就完成了将html文件打包成exe文件。总的来说,整个过程不难,就是有些繁琐,需要配置相关参数和文件,不过,只要你熟悉一下相关示例和参数,多练习一下,很快就能掌握的,当然,你也可以利用nwjs将html文件打包成exe应用,也可以,我以前也详细回答过,网上也有相关资料和教程,感兴趣的可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。

官方已经完全舍弃在发行CD中附带基础软件源的做法,主要原因是:
没有网络用Arch Linux不现实,Arch Linux不提供DVD。
即使在发行CD中附带基础软件源,安装后也必须依靠网络安装其他软件,而且,刚安装的基础软件马上就需要更新。
Arch是一种以轻量简洁为设计理念的Linux发行版,过于简洁导致很多服务器需要的功能都须有格外手动安装,没有实际意义,且维护服务做的不是很好。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10620532.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-10
下一篇 2023-05-10

发表评论

登录后才能评论

评论列表(0条)

保存