前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >利用Electron把Web项目打包成桌面应用

利用Electron把Web项目打包成桌面应用

作者头像
xferris
修改2018-07-18 09:31:42
1.8K0
修改2018-07-18 09:31:42
举报
文章被收录于专栏:慎独

参考文档

安装

1.Electron是基于Node.js开发的,第一步当然要安装node盒npm了,就不多说了。

2.安装Electron,推荐使用全局安装,直接安装

代码语言:javascript
复制
sudo npm install -g electron-prebuilt

如果卡在install.js了,执行以下替换个npm源,参考了这里

代码语言:javascript
复制
electron_mirror="https://npm.taobao.org/mirrors/electron/"

3.下载demo工程,然后运行。

代码语言:javascript
复制
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
electron . //运行项目

4.Electron的基本语法和目录层级结构,官网的快速开始已经说的很明白了,也比较简单,就不复述了。 5.开始打包,官网的打包文档,只说了把源文件隐藏,不暴露给用户,就是打包成asar Archives,但我们想打包成.exe.app。官网的分发(distribute)文档介绍了两种打包工具。

  • electron-builder
  • electron-packager

第一个工具是建立安装程序,打包成.exe.app的话,我们选择第二个。 6.参考了网上的很多教程,其实也就几个版本,说的都一样,我都没搞定,还是自己动手,丰衣足食。仔细看看,项目仓库README.md说的很清楚,有几点需要注意。

  • 在非win32平台上要打包exe程序,需要Wine 1.6 or later
  • 基本用法
代码语言:javascript
复制
electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]

简单的使用

代码语言:javascript
复制
cd electron-quick-start //项目目录
electron-packager ./ Hello -all //-all 其实就是  --platform=all --arch=all (在usage.txt里有解释)

可能会重新下载Electron安装包,几十M,等了十几分钟,速度还是几K,看看当前的Electron版本,强制使用当前的版本。

代码语言:javascript
复制
electron -v  //输出v1.4.13
electron-packager ./ oral -all --electron-version=1.4.13

会发现目录里多了个目录,打开里面有个.app在mac里可以直接运行了。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 参考文档
  • 安装
  • 简单的使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档