美文网首页
利用Electron把Web项目打包成桌面应用

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

作者: xFerris | 来源:发表于2017-09-20 11:26 被阅读230次

    参考文档

    安装

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

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

    sudo npm install -g electron-prebuilt
    

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

    electron_mirror="https://npm.taobao.org/mirrors/electron/"
    

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

    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
    • 基本用法
    electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]
    

    简单的使用

    cd electron-quick-start //项目目录
    electron-packager ./ Hello -all //-all 其实就是  --platform=all --arch=all (在usage.txt里有解释)
    

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

    electron -v  //输出v1.4.13
    electron-packager ./ oral -all --electron-version=1.4.13
    

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

    相关文章

      网友评论

          本文标题:利用Electron把Web项目打包成桌面应用

          本文链接:https://www.haomeiwen.com/subject/meonsxtx.html