Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3772|回复: 2

electron

[复制链接]

257

主题

354

帖子

1677

积分

金牌会员

Rank: 6Rank: 6

积分
1677
发表于 2016-4-2 23:08:27 | 显示全部楼层 |阅读模式
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
回复

使用道具 举报

257

主题

354

帖子

1677

积分

金牌会员

Rank: 6Rank: 6

积分
1677
 楼主| 发表于 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构建跨平台桌面应用高清视频教程
回复 支持 反对

使用道具 举报

1214

主题

1975

帖子

7486

积分

认证用户组

Rank: 5Rank: 5

积分
7486
发表于 2020-7-28 17:45:55 | 显示全部楼层
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|firemail ( 粤ICP备15085507号-1 )

GMT+8, 2024-3-29 02:58 , Processed in 0.058653 second(s), 19 queries .

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表