qqq110298的博客

参考：https://github.com/atom/electron-quick-start 第一步 首先安装asar打包工具。 使用打包命令打包。将文件夹your-app打包成app.asar文件。 https://github.com/atom/electron/blob/master/docs/tutorial/application-packaging.md 说明一下your-app中文件夹下的文件： 一定要有的文件： 1.package.json,一定要“入口文件”字段：”main” 2.要有调用electron的文件main.js（使用quick-start例子中的main.js即可） 3.web页面的显示部分（我们都是用webpack打包好了，因此只有index.html和bundle.js） 第二步 下面是如何安装electron（即electron-prebuilt） https://github.com/atom/electron/blob/master/docs/tutorial/quick-start.md 2种方法安装，1命令行，2.直接下载应用包 由于官网下载不成功，所以采用国内的网站下载。 http://npm.taobao.org/ http://npm.taobao.org/mirrors/electron/ 关于命令行国内下载的技巧：根据上面2个网站，具体情况组合的命令如下 cnpm install [email protected] –g –-registry=http://registry.npm.taobao.org/ 安装成功后，在命令行中，输入electron将会出现：一个应用的窗体 直接下载的应用包，解压后里面有一个。双击直接就能运行。 第三步 将应用和打包的程序绑定起来，制作成桌面的app。 将第一步生成的xxx.asar 放到第二步解压的路径下的resources里面 此时再次双击，即可实现使用桌面应用程序打开web程序。 第四部 基于electron提供的创建桌面应用的App,可以进一步设计桌面应用的UI， 当然，也可以不用，页面具体的设计完全交给web去完成也可以。 Electron应用的学习： http://www.ejiakt.com/album/show/241 https://github.com/atom/electron/tree/master/docs 主要关键的是下面这3个模块，一些基本的app多查一下，多看例子就差不多了。 提供一个比较好的例子：下面3个链接是同一个例子（中文版和英文版） http://get.ftqq.com/7869.get https://medium.com/developers-writing/building-a-desktop-application-with-electron-204203eeb658#.1pojy8hr0 http://www.liuhaihua.cn/archives/124970.html 制作应用注意以下几点： 1.在路径下 生成的xxx.asar文件的顺序要排在atom.asar的前面。否则检查不到相应的应用 2.在打包的文件夹下，入口函数main.js前面不能有其他的mian*.js.例如 如果是上面这样，打包的程序不能运行，去掉main-副本.js 。编译运行通过。 关于入口main.js代码的解析。 https://github.com/atom/electron/blob/master/docs-translations/zh-CN/tutorial/quick-start.md 看上面的链接，对main.js有一个框架的认识。 App 模块。控制程序的生命周期。 BrowserWindow模块。创建应用窗体。可以触发事件；本身提供很多方法https://github.com/atom/electron/blob/master/docs/api/browser-window.md 例如 具体请参考https://github.com/atom/electron/tree/master/docs 更换图标 下载ResEdit-x64.7z http://pan.baidu.com/s/1dDABGzB 解压后，运行。选择第二个。下一步 找到要修改的路径 文件à添加资源à图标à从现有文件创建。找到要添加的资源。 删除原有的图标。保存。 下面这个链接是在线制作ico图标的工具。 http://www.bitbug.net/

Node-webkit是一个基于node.js和chromium的应用程序运行环境，它使得那些只会javaScript和HTML的程序员也能开发桌面应用，并且它是开源的。 可以将网页的程序伪桌面化，效果炫酷，可以继承html5效果到伪桌面程序, 源地址连接：https://github.com/rogerwang/node-webkit

Node-webkit是一个基于node.js和chromium的应用程序运行环境，它使得那些只会javaScript和HTML的程序员也能开发桌面应用，并且它是开源的。 可以将网页的程序伪桌面化，效果炫酷，可以继承html5效果到伪桌面程序, 源地址连接：https://github.com/rogerwang/node-webkit