V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
mioktiar56
V2EX  ?  程序员

被迫写了个 Electron 模板

  •  1
     
  •   mioktiar56 · 30 天前 · 2591 次点击

    腾讯云最新优惠活动来了:云产品限时1折,云服务器低至88元/年 ,点击这里立即抢购:9i0i.cn/qcloud,更有2860元代金券免费领取,付款直接抵现金用,点击这里立即领取:9i0i.cn/qcloudquan

    (福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

    先吐槽一下吧: 我本来是做 C++客户端开发的,公司之前一直是用的 Qt/Duilib+CEF 的模式开发客户端,一直平安无事,可能过于无事了吧,最近的一个产品想着用一些现在热门的 Electron ,一方面和前沿技术对接,另一方面也可以让前端来分担一部分客户端的开发工作,比如本地配置、文件下载这些。

    但实际开发中才发现公司的前端开发对客户端和系统方面的知识实在是太匮乏了,比如不知道什么是任务栏和系统托盘、文件路径和目录也分不清,主进程各种 js 异常满天飞,客户端咔咔崩溃......Electron 和 vue 结合也是一堆的坑。但既然已经选择了这个方案,也不能中途换方案,没办法,我只能硬着头皮学 Electron 和 vue 了,让前端专注写 Vue 页面部分,我写 Node.js 和 Electron 部分,项目总算坎坷的上线了,寄希望于后面慢慢重构吧。

    基于上面的教训,在项目开发完之后,我写了个 Electron 模板,争取后面的项目直接基于这个模板能够让前端平稳的参与进来,尽量抹平 web 开发和客户端开发之间的差异吧。

    大家可以看看我的模板,多提意见,谢谢

    https://github.com/winsoft666/electron-vue3-boilerplate

    第 1 条附言  ·  25 天前
    哈哈,原来大家对“产品”二字很在意,看来都遇到过 sb 产品,没办法程序员总是身不由己
    30 条回复  ?  2024-04-02 16:19:55 +08:00
    wangtian2020
        1
    wangtian2020  
       30 天前
    webPreferences: {
    nodeIntegration: true,
    contextIsolation: false,
    webSecurity: false,
    }
    ipc 通信脱裤子放屁,直接在渲染进程写 node 代码
    dx123
        2
    dx123  
       30 天前
    emmm ,虽然不懂,但还是想问,为啥产品能决定技术栈····或者说产品关心技术栈实现
    mioktiar56
        3
    mioktiar56  
    OP
       30 天前
    @wangtian2020 只能说你是懂一点的,但懂的不多
    irisShaw
        4
    irisShaw  
       30 天前   ?? 1
    最怕这种懂一点,懂得不多的,但能拍板做决定的人。。。
    Orangeee
        5
    Orangeee  
       29 天前
    @dx123 估计是技术栈实现可以影响参与人数和交付时间,产品:“你用 Electron 不就前端也能一起开发了吗,可以提前 2 周上线了吧”
    DesnLee
        6
    DesnLee  
       29 天前
    我是用 vite react electron

    这玩意包是真大,有点烦
    zjsxwc
        7
    zjsxwc  
       29 天前
    不喜欢 ts ,喜欢 js
    不喜欢 vue 虚拟 dom ,喜欢 svelte 原生 dom
    ljsh093
        8
    ljsh093  
       29 天前
    @wangtian2020 #1 哥,这么搞页面不卡吗
    ljsh093
        9
    ljsh093  
       29 天前
    感谢分享,我直接一个 fork
    afxcn
        10
    afxcn  
       29 天前
    用什么技术不是关键,人才是关键。

    精通 Electron 的人,用 Electron 会很爽;如果不熟悉 Electron 非要用,那就爽不了。
    wjx0912
        11
    wjx0912  
       29 天前
    支持 ts 。现在团队用的 jsdoc 非常痛苦。撸外快用的 ts 就省事多了。
    通信的话,要么不封装,要么更进一步?( service ,controller )
    要是想做个开箱即用的,可以考虑加入 pinia, elementplus, i18n 啥的?
    BlackHole1
        12
    BlackHole1  
       29 天前
    已 Star 。支持 NSIS 很 Nice ,有兴趣给 Electron Forge 提交支持 NSIS 的 feat PR 么?
    asdhak
        13
    asdhak  
       29 天前
    someios
        14
    someios  
       29 天前
    我们甲方不让用 nodeIntegration: true ,网络请求都放在 nodejs 来处理的
    wangtian2020
        15
    wangtian2020  
       29 天前
    @ljsh093 我用的全是 promise 的接口一个同步 nodejs api 的都不用 ,为什么会觉得卡。觉得卡就是写代码的人技术水平不行
    ljsh093
        16
    ljsh093  
       29 天前
    @wangtian2020 #15 除非起 worker 不然都是单线程,会影响渲染性能
    wangtian2020
        17
    wangtian2020  
       29 天前
    @ljsh093 JavaScript 单线程异步的含义就是有回调就干活,没活就该渲染渲染。不会影响性能,只有用同步的 nodejs api 才会卡住
    我只用```import fs from 'fs'
    fs.promises.下的异步 API```凭什么卡。
    不懂不会写别瞎说
    duan602728596
        18
    duan602728596  
       29 天前
    我也是直接在渲染进程写 node 代码。
    node require 在渲染进程会影响 page 的初始化,我靠自己写的 babel 插件来解决的这个问题。
    Jirajine
        19
    Jirajine  
       29 天前
    直接 nodeintegration 没毛病,想想用 electron 是为了什么。
    NormanGhost
        20
    NormanGhost  
       29 天前 via Android
    我们公司也是 electron 技术栈,来公司一年后我一个前端也能用 c++写 node addon 集成算法同事的静态,动态库了。写 electron 最起码要有 node 基础,懂后端 客户端基础知识的。不能只懂前端
    jianchang512
        21
    jianchang512  
       29 天前 via Android
    Electron-Egg.
    不考虑这个吗,感觉用起来更简单
    DSKcpp
        22
    DSKcpp  
       29 天前
    @ljsh093 我的项目几乎每个操作都有 IO 操作 ,卡是不可能卡的,fs/promises + async await
    flyqie
        23
    flyqie  
       29 天前
    @wangtian2020 #1

    没记错的话,ipc 是方便解耦吧。。

    有些项目分离开用 ipc 还是挺方便的。
    linuxsteam
        24
    linuxsteam  
       29 天前 via iPhone
    写 qt 的写这玩意太简单了
    mioktiar56
        25
    mioktiar56  
    OP
       29 天前
    @asdhak 这个项目我看了,有点用前端是思维在做客户端,比如它用的 vue 单页面,客户端通常是多窗口的,这种会导致每个客户端窗口不独立,窗口会加载一些不必要的东西。
    只是我的一点看法
    mioktiar56
        26
    mioktiar56  
    OP
       29 天前
    @DesnLee 我试过最新版的 Electron ,可以打包压缩到 55M 左右。如果太大了,你看看是不是 node_modules 里面有太多非主进程需要的东西。理论上 vue 前端项目 build 之后,node_modules 里面的依赖都不需要了
    horizon
        27
    horizon  
       29 天前
    @dx123 #2
    这里的产品我觉得是指真正意义上的产品,而不是产品经理?
    mioktiar56
        28
    mioktiar56  
    OP
       25 天前
    @horizon 产品经理要求这个产品用 xx 技术
    horizon
        29
    horizon  
       24 天前
    @mioktiar56 #28
    那你这有点离谱了
    mioktiar56
        30
    mioktiar56  
    OP
       24 天前
    @horizon 产品说他大学是学的计算机,和老板一顿吹,于是.......
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2837 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 06:25 · PVG 14:25 · LAX 23:25 · JFK 02:25
    Developed with CodeLauncher
    ? Do have faith in what you're doing.


    http://www.vxiaotou.com