做这个真的要疯掉,但是开始了就要做出来。
下面就说一下整个过程吧,因为真的查阅了不少资料,发现似乎没几个桌面应用会选择做下载文件的,所以需要一直查资料查资料,查到要疯掉。
进入正题
初识electron
electron文档:https://github.com/electron/electron
文档里面有中文的,所以还是蛮容易理解的。
文档主要就是介绍electron项目的结构如下:
其中package.json
是用来描述一些配置信息以及一些快速启动的指令等信息的
main.js
则是用来整个项目的主线程,用于创建窗口和处理系统事件。
index.html
就是布局啦。
运行
package.json
文件里有这样一句描述:
这就是快速启动指令,只需要npm start
就可以启动你的electron应用了。
创建渲染器进程
对于渲染器进程,大家给的理解是主线程是无法显示的,需要通过BrowserWindow
来创建新的窗口,每一个窗口维护一个渲染器进程。
我的文件目录如下:
app目录下的js/index.js
就可以看作一个渲染器进程。
主进程和渲染器进程的区别
界面
界面可以通过html+css实现
我的界面如下: