jimu 发表于 2016-4-2 23:08:27

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 等框架,普通网页那一套不太适合桌面应用。
给个本人写的应用的截图作为例子
https://pic3.zhimg.com/9488f1f8c878a6bc61a6867836c0b392_b.pngGitHub :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:01

本帖最后由 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:55

https://www.electronjs.org/
页: [1]
查看完整版本: electron