Electron 从零创建一个 Windows/OS X/Linux 的桌面可执行程序
序 每次 Electron 有最新新闻的时候，都会有很多朋友留言，问有没有相关教程，本人也是观察有一段时间了，一直鲜有人提供相关的学习内容，所以在此就给大家提供下一些入门和进阶教程，希望大家多多支持，谢谢！ ...
作者: yzChen233
删除一条评论
评论删除后，数据将无法恢复
公众号
视频号
深圳市奥思网络科技有限公司版权所有
粤ICP备12009483号
在运行npm start时出现问题
似乎是因为CMD无法识别到electron这个软件导致的
以下是运行的全部过程
D:\Chromium\electron-quick-start-master>npm start
> electron-quick-start@1.0.0 start D:\Chromium\electron-quick-start-master
> electron .
'electron' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! electron-quick-start@1.0.0 start: `electron .`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the electron-quick-start@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional log
ging output above.
望大师们解答
引用来自“布老虎”的评论
刚刚本文走了一遍，发现electron版本更新的相当快，electron-packager已经更新到8.1.0，我安装了electron 1.4.3，安装文章中提示的packager 5.2.1会提示报错。另外electron-prebuilt也整合进electron了。作者是不是把这篇文章更新一下？
总的来说，这篇文章写的很好，非常适合入门。electron官网上的tutorial写的有些复杂。
总的来说，这篇文章写的很好，非常适合入门。electron官网上的tutorial写的有些复杂。
引用来自“布老虎”的评论
atom和vscode的安装包都没有4、50M那么大啊？怎么回事？引用来自“倚楼听风雨_”的评论
安装包小，是因为安装包根本就不是整个程序，而是一个版本程序，当你安装的时候，会联网进行下载的，不信，你可以查下你的atom或者vscode的目录，我这里vscode的目录有120M，右键查看 Code.exe 程序，就有50M呢引用来自“布老虎”的评论
atom和vscode的安装包都没有4、50M那么大啊？怎么回事？引用来自“yuntui”的评论
好引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别引用来自“wuyiw”的评论
引用来自“eechen”的评论
@wuyiw PHP是HTML预处理器,学习成本比JS低,用jQuery 1.x就能保证对IE8在内的大多浏览器的支持,关键是完全可以用网站开发的思维来开发应用,比如phpMyAdmin跟PHP解释器部署在用户端用于管理MySQL并不挑浏览器,使用用户浏览器,既能缩小应用包的大小,也能为用户节省资源,Electron一个应用启动一个Chromium运行时,太消耗资源.
引用来自“eechen”的评论
@乌龟壳 我来了.Electron打包的最终应用是几十MB,而PHP打包的最终应用只有几个MB,缩小了一个数量级.php -S localhost:8080 就能建立一个支持PHP编程内置SQLite的本地HTTP服务器.调用用户浏览器访问本地PHP建立的HTTP服务器,支持离线运行的GUI应用不就出来了么?而且还不需要像Electron那样自带Web运行时.PHP7中支持用opcache.file_cache导出脚本opcode实现源代码保护: http://my.oschina.net/eechen/blog/539995
PHPDroid打包PHP7的同时也打包了Swoole,方便广大PHP开发者在Android这个我们触手可及的Linux上使用PHP+WebView构建Android应用,APK包大小还不到6MB.
http://www.oschina.net/news/74881/phpdroid-update
引用来自“听见安静”的评论
这个跟node-webkit有啥区别？引用来自“little_kid”的评论
我想问下写个Helloworld有啥用?引用来自“乌龟壳”的评论
@倚楼听风雨_ @Fenying 其实我说的是原生Chrome+node.js或者原生Chrome+php或者原生Chrome + tomcat等~~~并非要同时用node.js和phpPHPDroid打包PHP7的同时也打包了Swoole,方便广大PHP开发者在Android这个我们触手可及的Linux上使用PHP+WebView构建Android应用,APK包大小还不到6MB.
http://www.oschina.net/news/74881/phpdroid-update
引用来自“张帆是我的名”的评论
怎么插放FLASH？引用来自“夏侯”的评论
引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“倚楼听风雨_”的评论
最重要的点应该还是可以直接调用系统api，而浏览器很少直接提供引用来自“乌龟壳”的评论
用nodejs/php开启一个原生chrome，和这个进行http通信实现界面，完全不影响nodejs/php调用原生API实现功能。不止如此，还可以多线程多进程爱怎么玩怎么玩。引用来自“倚楼听风雨_”的评论
“开启一个原生chrome”，意思是用户首先要自己安装一个chrome吗？而且用户要安装一个nodejs/php环境吗？引用来自“乌龟壳”的评论
chrome/nodejs/php都不需要安装，绿色版打包就可以跑起来了。类似的还有mysql/postgres/mongodb/redis/nginx/java/tomcat....一堆都能免安装绿色版就直接跑引用来自“倚楼听风雨_”的评论
666666 不过没时间研究php，要看其他php专家怎么说。😁引用来自“乌龟壳”的评论
@eechen 哥，轮到你上了，你准备比较充分点~~~引用来自“Fenying”的评论
Electron.js整个程序都是跑的JS，是直接Webkit和Node合体，而不是 Webkit 浏览器+Node.js。你用浏览器+PHP，就是两种语言，涉及HTTP通信，还要起一个HTTP服务器，开发和允许成本都上升。而且也不利于打包，再说启动又要启动PHP，又要起浏览器，还得HTTP加载页面，怎么也不会比 Electron 打包的程序快吧？引用来自“夏侯”的评论
引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“倚楼听风雨_”的评论
最重要的点应该还是可以直接调用系统api，而浏览器很少直接提供引用来自“乌龟壳”的评论
用nodejs/php开启一个原生chrome，和这个进行http通信实现界面，完全不影响nodejs/php调用原生API实现功能。不止如此，还可以多线程多进程爱怎么玩怎么玩。引用来自“倚楼听风雨_”的评论
“开启一个原生chrome”，意思是用户首先要自己安装一个chrome吗？而且用户要安装一个nodejs/php环境吗？引用来自“乌龟壳”的评论
chrome/nodejs/php都不需要安装，绿色版打包就可以跑起来了。类似的还有mysql/postgres/mongodb/redis/nginx/java/tomcat....一堆都能免安装绿色版就直接跑引用来自“倚楼听风雨_”的评论
666666 不过没时间研究php，要看其他php专家怎么说。😁引用来自“乌龟壳”的评论
@eechen 哥，轮到你上了，你准备比较充分点~~~引用来自“夏侯”的评论
引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“倚楼听风雨_”的评论
最重要的点应该还是可以直接调用系统api，而浏览器很少直接提供引用来自“乌龟壳”的评论
用nodejs/php开启一个原生chrome，和这个进行http通信实现界面，完全不影响nodejs/php调用原生API实现功能。不止如此，还可以多线程多进程爱怎么玩怎么玩。引用来自“倚楼听风雨_”的评论
“开启一个原生chrome”，意思是用户首先要自己安装一个chrome吗？而且用户要安装一个nodejs/php环境吗？引用来自“乌龟壳”的评论
chrome/nodejs/php都不需要安装，绿色版打包就可以跑起来了。类似的还有mysql/postgres/mongodb/redis/nginx/java/tomcat....一堆都能免安装绿色版就直接跑引用来自“倚楼听风雨_”的评论
666666 不过没时间研究php，要看其他php专家怎么说。😁引用来自“夏侯”的评论
引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“倚楼听风雨_”的评论
最重要的点应该还是可以直接调用系统api，而浏览器很少直接提供引用来自“乌龟壳”的评论
用nodejs/php开启一个原生chrome，和这个进行http通信实现界面，完全不影响nodejs/php调用原生API实现功能。不止如此，还可以多线程多进程爱怎么玩怎么玩。引用来自“倚楼听风雨_”的评论
“开启一个原生chrome”，意思是用户首先要自己安装一个chrome吗？而且用户要安装一个nodejs/php环境吗？引用来自“乌龟壳”的评论
chrome/nodejs/php都不需要安装，绿色版打包就可以跑起来了。类似的还有mysql/postgres/mongodb/redis/nginx/java/tomcat....一堆都能免安装绿色版就直接跑引用来自“夏侯”的评论
引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“倚楼听风雨_”的评论
最重要的点应该还是可以直接调用系统api，而浏览器很少直接提供引用来自“乌龟壳”的评论
用nodejs/php开启一个原生chrome，和这个进行http通信实现界面，完全不影响nodejs/php调用原生API实现功能。不止如此，还可以多线程多进程爱怎么玩怎么玩。引用来自“倚楼听风雨_”的评论
“开启一个原生chrome”，意思是用户首先要自己安装一个chrome吗？而且用户要安装一个nodejs/php环境吗？引用来自“夏侯”的评论
引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“倚楼听风雨_”的评论
最重要的点应该还是可以直接调用系统api，而浏览器很少直接提供引用来自“乌龟壳”的评论
用nodejs/php开启一个原生chrome，和这个进行http通信实现界面，完全不影响nodejs/php调用原生API实现功能。不止如此，还可以多线程多进程爱怎么玩怎么玩。引用来自“Fenying”的评论
收藏个～
引用来自“Lyon1994”的评论
和nwjs有啥区别，都一样，nwjs还可以直接加载chrome插件，大小一般也就38多兆引用来自“夏侯”的评论
引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“倚楼听风雨_”的评论
最重要的点应该还是可以直接调用系统api，而浏览器很少直接提供引用来自“夏侯”的评论
引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“乌龟壳”的评论
这货公司有同事在用，不过个人始终没想清楚，为什么不用@eechen经常说的方案，由nodejs/php调起一个原生的chrome，之后就类似web开发了。因为elec这个东西同事反馈经常有崩溃的现象。引用来自“Raphael_goh”的评论
vscode表示淡定，没见过这货蹦过。目前只能说还是要看开发人员的水平，小团队开发估计还是有很多问题的。引用来自“乌龟壳”的评论
问题是原生浏览器就没崩溃，所以肯定有些地方有坑，避坑也是时间，时间也是成本啊。之前建议过不要用这个直接调原生的，不过我由于不了解那方面的需求，所以也只是听说不稳定后，随便说说没特别去注意。引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别
引用来自“乌龟壳”的评论
这货公司有同事在用，不过个人始终没想清楚，为什么不用@eechen经常说的方案，由nodejs/php调起一个原生的chrome，之后就类似web开发了。因为elec这个东西同事反馈经常有崩溃的现象。引用来自“Raphael_goh”的评论
vscode表示淡定，没见过这货蹦过。目前只能说还是要看开发人员的水平，小团队开发估计还是有很多问题的。引用来自“乌龟壳”的评论
这货公司有同事在用，不过个人始终没想清楚，为什么不用@eechen经常说的方案，由nodejs/php调起一个原生的chrome，之后就类似web开发了。因为elec这个东西同事反馈经常有崩溃的现象。引用来自“554330833a”的评论
可以调用windows API吗？引用来自“skl_TZ”的评论
那跟我直接放到服务器上，拿桌面浏览器来访问有什么区别引用来自“邹海彬”的评论
4-50M,太大了引用来自“邹海彬”的评论
4-50M,太大了引用来自“Fenying”的评论
收藏个～