精华 使用electron打包的cnode pc 客户端
发布于 2 个月前 作者 wq123456 1827 次浏览 来自 分享

非常偶然的机会看到了electron,然后一想我们社区正好还没pc的客户端,于是兴趣一来就在业余时间搞了一下。 项目是用webpack+react开发,采用了的组件库 material-ui,后面跟原生交互使用了node-notifier,实现系统消息推送。 先来看几张预览图: 1.jpg 2.jpg 3.jpg 4.jpg 5.jpg 6.jpg 7.jpg 总的来说原生的体验还可以,就是发帖的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 希望小伙伴们给与加星奖励- -

19 回复

我上镜了! 支持! material-ui我也使用过,很赞

赞一个!提个小bug,点击分页栏的github图标会跳到百度 686F72A4-1D16-4097-BD49-0885CC453A84.png 8C834A6B-40CB-4445-98D0-F02751D93AA0.png

@Jsonzhang0215 好像是刚开始做的时候加的,忘记去掉了- -

access那里不能粘贴呀。

好东西,有空研究一下

研究一下

来自酷炫的 CNodeMD

@qinyang912 这个我打出来的包不能,自己开发中是可以的,暂时也不清楚怎么回事

@wq123456 89982C41-7D57-450A-B6E9-369FB407B7CB.png 关于编辑的这几个选项要加上去。😃

star

来自酷炫的 CNodeMD

赞,npm install electron 总是失败怎么解???

@dukegod 应该上网络问题,可以用 cnpm来试试

回到顶部