electron-egg 如何把任意网站变成桌面软件

以前,开发一个桌面软件要花费大量的人力和时间。现在随着Electron的出现,大大简化了开发门槛。今天,给大家介绍一个工具,让你5分钟之内就把一个网站变成一个可安装的桌面软件。

所需工具

electron-egg是一个简单、快速、功能丰富的跨平台桌面软件开发框架。
electron-egg官网

🚐 2. vue、react、angular、web 转换成桌面软件

  • 🚙 vue-ant-design(本地)

  • 🚙 禅道项目管理(web项目地址)

一、拷贝代码

bash 复制代码
    git clone https://gitee.com/longjun168/electron-egg.git

一、安装

bash 复制代码
    # 提升安装速度,使用国内镜像
    npm config set registry https://registry.npm.taobao.org
    # 进入目录 ./electron-egg/
    npm install

一、配置网站

bash 复制代码
    # 编辑文件 
    ./electron/config.js
    # 配置网站地址
    remoteUrl: {
        enable: true, // 启用:true
        url: 'https://discuz.chat/' // 任意网址
    }

一、打包成可执行程序(windows、macOS、linux)全都支持

bash 复制代码
# 打包 (windows版本)
    npm run build-w (32位)
    npm run build-w-64 (64位)

    # 打包 (mac版本)
    npm run build-m
    npm run build-m-arm64 (m1芯片架构)

    # 打包 (linux版本)
    npm run build-l

五、安装包在这里

bash 复制代码
 ./out/安装包.exe (dmg、dep等)
相关推荐
程序员黑豆2 小时前
鸿蒙应用开发:V1与V2版本数据持久化实战教程
前端·harmonyos
小月土星6 小时前
React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
程序员黑豆6 小时前
鸿蒙开发 Navigation 路由教程:从入门到实战
前端·harmonyos
烬羽8 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
烬羽8 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
用户938515635078 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
用户0595401744610 小时前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
kyriewen11 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
IT_陈寒11 小时前
Redis缓存击穿把我坑惨了,原来这样设过期时间才靠谱
前端·人工智能·后端
用户9385156350712 小时前
从"坐电梯"到"前端路由"——深入理解 Hash 路由原理
前端·typescript·全栈