Fork me on GitHub 盒子
盒子
文章目录
  1. 编写步骤
    1. 一、安装nodejs以及npm
    2. 二、使用淘宝npm镜像
    3. 安装electron
    4. 安装git
    5. Demo
  2. 打包步骤
    1. 下载electron框架
    2. 安装asar,打包依赖组件
    3. 打包静态资源城app.asar
    4. 将app.asar移至框架中的resources文件夹内
    5. 通过winrar或者nsis等工具把刚才的资源制作成安装程序
  3. 结论

桌面应用开发笔记Electron

编写步骤

一、安装nodejs以及npm

  • 注意配置环境变量path,安装时勾选上可进行自动配置

二、使用淘宝npm镜像

  • 因为现在换成https,故直接用npm安装报SSL配置问题,所以采用cnpm代替npm完成electron安装
1
npm install -g cnpm –registry=https://registry.npm.taobao.org

安装electron

1
cnpm install -g electron-prebuilt

安装git

  • 官网下载安装,主要用于拉取electron在Github源码。自行下载electron的话可不安装。

Demo

1
2
git clone https://github.com/atom/electron-quick-start
npm install && npm start

接着会出现一个helloworld的桌面应用

打包步骤

下载electron框架

https://github.com/electron/electron/releases 选择对应系统的版本下载下来,得到一堆配置文件和locales以及resources文件夹,具体使用说明查看electron官网

安装asar,打包依赖组件

1
npm install -g asar

打包静态资源城app.asar

1
asar pack 文件夹名称 app.asar

文件夹里存放静态资源,最好不要放exe/dat等类型的文件
.asar的文件名必须为app.asar,必须!

将app.asar移至框架中的resources文件夹内

  • 此时运行electron.exe,你会发现里面的内容已经换成你的资源了

通过winrar或者nsis等工具把刚才的资源制作成安装程序

  • 至此,其他人通过下载该文件便安装你的桌面应用了。

结论

打包一个的桌面应用并发布就是这么简单,赞不赞~


如果能给您带去些许帮助,鄙人不甚欢心。如有错误,恳请交流指出,谢谢!
转载请注明出处:http://mcchen.club/


支持一下
扫一扫,支持McChen