非常偶然的机会看到了electron,然后一想我们社区正好还没pc的客户端,于是兴趣一来就在业余时间搞了一下。
项目是用webpack+react开发,采用了的组件库 material-ui,后面跟原生交互使用了node-notifier,实现系统消息推送。
先来看几张预览图:
总的来说原生的体验还可以,就是发帖的MarkDown编辑器功能太弱,这个暂时也没时间去造轮子,用的是 react-markdown-editor,稍微在他的基础上增加了几个方法。这个以后有时间改进。
这边比较中意的就是material-ui,他完全是对组件化的一种实践,很高大上。我基本就是组合组合,然后调取下api。这方面前端的伙伴们可以多研究研究,感觉是一种趋势。以后做项目会很方便,重用性很高,因为页面逻辑和样式都放在一块,随取随用。
react方面也可以用来搞native,学好这一种可以做很多事。十分赞。
electron 打包的时候遇到了一些坑,官方asar打的包没有任何读写权限,导致系统推送没法用,后来干脆不打包直接暴露前端部分,正式去开发一个产品的时候最好给重要的文件加上密,我这边就只存了用户的cnode社区的信息,主要的就是accesstoken,这个accesstoken验证需要手书,在pc端不像app那样很方便的可以扫码。不过好在输入一次就可以了。项目缺陷很多,希望小伙伴们勿喷,只是给大家提供一个用前端技术构建桌面应用的参考。
代码地址: cnode-electron
打包后win7 64 位下载 cnode-electron-win64
打包后mac 64 位下载 cnode-electron-mac
希望小伙伴们给与加星奖励- -
我上镜了! 支持! material-ui我也使用过,很赞
赞一个!提个小bug,点击分页栏的github图标会跳到百度
@Jsonzhang0215 好像是刚开始做的时候加的,忘记去掉了- -
access那里不能粘贴呀。
好东西,有空研究一下
研究一下
来自酷炫的 CNodeMD
@qinyang912 这个我打出来的包不能,自己开发中是可以的,暂时也不清楚怎么回事
@wq123456 关于编辑的这几个选项要加上去。😃
不错
mark 自豪地采用 CNodeJS ionic
测试 From Noder
测试
支持顶啊
star
来自酷炫的 CNodeMD
支持顶<br><a href=“https://bitibiti.com”>自豪地采用cnodejs-vue</a>
mark
赞,npm install electron 总是失败怎么解???
mark
@dukegod 应该上网络问题,可以用 cnpm来试试
@xiaoxiaoking 也不可以,烦躁了
赞……顺带请教一下,electron项目,本地数据库,哪个用起来友好一些,有没有推荐的……
mark
666
mark
zan