electron 桌面应用 task timetrack
第二篇 electron的使用
1. 什么是electron？
electron的官网介绍视频在YouTube中有个特别好玩的评论意思好像是：就不能没有吹牛逼的视频吗，直接简单的介绍这个东西不好吗？也算是个乐子了。
electron介绍.png
electron是一个开发框架，通过这个框架提供的功能，你可以用HTML、CSS、JS来构建一个桌面应用。
懵逼1:什么是桌面应用？what is desktop application?
我知道什么是软件，知道什么是手机应用，但是桌面应用是什么鬼？
在维基百科中搜索桌面应用直接重定向到应用程序了。搜英文desktop application也没有相关的页面。
百度百科的定义.png
而百度百科中对桌面应用的词条解释让我简直疯魔。
image.png
在这个连接 我总算找到一个靠谱的定义。
image.png
意思就是相对于基于web的需要浏览器来运行的应用来说，桌面应用是独立运行的。
我的理解是：区别在于运行的环境和平台。桌面应用与浏览器是处于同一个层次的软件。
在这个复杂多变的世界里，尤其是开发的世界里每天有太多的新东西出现，其迭代更新的速度前所未有，太多东西一出现就很快变成古董。
所以，去寻求某个概念精确良好的定义是徒劳的，多变的概念也正是搞开发的一个乐趣所在，没有一个严格的条条框框限制你的想法，相反，不管你是怎么想的，只要你有足够的能力就可以去实现，去改变原有事物的本质。
桌面应用、web应用、手机应用的边界确实越来越模糊了。我也相信最终这些概念也将统统消失，最终只剩下一个概念：应用（application）.
electron的原理
这个具体我也不知道，以后再研究吧。可以参考：
简而言之，Electron 提供了一个实时构建桌面应用的纯 JavaScript 环境。Electron 可以获取到你定义在 package.json 中 main 文件内容，然后执行它。通过这个文件（通常我们称之为 main.js），可以创建一个应用窗口，这个应用窗口包含一个渲染好的 web 界面，还可以和系统原生的 GUI 交互。
具体来说，就是当你启动了一个 Electron 应用，就有一个主进程（main process ）被创建了。这条进程将负责创建出应用的 GUI（也就是应用的窗口），并处理用户与这个 GUI 之间的交互。
但直接启动 main.js 是无法显示应用窗口的，在 main.js 中通过调用BrowserWindow模块才能将使用应用窗口。然后每个浏览器窗口将执行它们各自的渲染器进程（ renderer process ）。渲染器进程将会处理一个真正的 web 页面（HTML + CSS + JavaScript），将页面渲染到窗口中。鉴于 Electron 使用的是基于Chrominum的浏览器内核，你就不太需要考虑兼容的问题。
来源： https://zhuanlan.zhihu.com/p/20225295
2. electron安装使用
安装方式
- npm 安装。参考其官方文档
- 下载二进制文件。electron 下载
Quick Start
项目目录.png
建立完这三个文件后。如果electron是全局安装的话，打开cmd，cd到项目目录下，然后直接
electron .
就可以运行起来。
然后就是在main.js中修改代码，在index.html中修改窗口中的内容。剩下的工作基本上跟写网页是一样的。
网友评论