firemail

标题: electron [打印本页]

作者: jimu 时间: 2016-4-2 23:08
标题: electron
http://electron.atom.io/
http://www.wllm.com.cn/

个人认为 Electron 还是要看官方文档，因为有些资料改动还是比较频繁，至少把 quick start 看完，把程序运行起来。
实在不想看英文的话就去看 doc-translations。

着重理解 IPC 模块，主进程和渲染进程。
主进程负责 IO、创建窗口和管理窗口等。
渲染进程（就是一个浏览器窗口）负责 UI，写网页的时候该干嘛就在这个窗口内干嘛。
然后 IPC 模块负责两个进程的通信，比如配置数据的通信，缓存数据的通信，对窗口进行操作等。

接下来最好的做法还是看其他 Electron 应用的源代码，官网上有给出，sindresorhus/awesome-electron · GitHub 有更多。直接使用一些 startup 或者 boilerplate 也是可以的，同样 sindresorhus/awesome-electron · GitHub 有列出很多。微软的 VS Code 也可以哦，我从那里得到不少的启发。

至于 UI 方面，推荐使用 AngularJS 等框架，普通网页那一套不太适合桌面应用。
给个本人写的应用的截图作为例子

GitHub ：radioit/radioit-desktop · GitHub

目前 Electron 的博客……中文资料实在少，几乎没有。
不过本人有在写跟 Electron 相关的博文系列，只是写得有点慢（没什么人看 & 自己懒orz）：http://blog.e10t.net/
或者看在 GitHub 的存档：blog-post/build-application-with-angular-and-ng-material-based-on-electron at master · exoticknight/blog-post · GitHub
也给题主一个快速上手的翻译教程：http://get.ftqq.com/7870.get

作者：lian wein
链接：http://www.zhihu.com/question/36644309/answer/68484152
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

理解会用下面两段，基本就可以自由发挥了：

## backend
// IPC. ipc.on('async-msg', function (event, action, params) { console.log(action, params); // prints "asynchronous" event.sender.send('async-reply', 'asynchronous-reply'); }); ipc.on('sync-msg', function (event, arg) { console.log(arg); // prints "synchronous" event.returnValue = 'synchronous-reply'; });

## frontend
// Func. function async(action, params) { ipc.send('async-msg', action, params); } function sync(params) { return ipc.sendSync('sync-msg', params); }

# C/S
上面是使用ipc做通讯，然后吧，还有一个办法就更简单了

## backend

expressjs/koajs

## frondend

vuejs
jquery(or not)

# Other
照猫画虎就好。

官方中文文档 electron/docs-translations/zh-CN at master · atom/electron · GitHub

作者: jimu 时间: 2016-4-12 22:59
本帖最后由 jimu 于 2016-4-19 00:27 编辑

http://electron.atom.io/docs/all/
http://www.open-open.com/lib/view/open1451121270448.html 【译】使用 AngularJS 和 Electron 构建桌面应用
http://www.ejiakt.com/blog/show/64
electron集成bootstrap制作界面

http://www.ejiakt.com/album/show/241
Electron构建跨平台桌面应用高清视频教程

作者: Qter 时间: 2020-7-28 17:45
https://www.electronjs.org/

欢迎光临 firemail (http://firemail.wang:8088/)