Electron 结合WEB项目制作桌面APP之一 ---- 基础填坑

探索 Electron:将 Web 技术带入桌面应用 Electron是一个开源的桌面应用程序开发框架,它允许开发者使用Web技术(如 HTML、CSS 和 JavaScript)构建跨平台的桌面应用程序,它的出现极大地简化了桌面应用程序的开发流程,让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序,这对于提升开发效率和应用程序的快速交付具有重要意义。 阅读详情

解决tomcat中startup.bat弹出黑窗口的问题

  • 将tomcat/bin目录下的setclasspath.bat文件中的set _RUNJAVA="%JRE_HOME%\bin\java.exe"修改为set _RUNJAVA="%JRE_HOME%\bin\javaw"即可

解决tomcat中shutdown.bat弹出不自动关闭的黑窗口问题

  • 在开头加入以下代码就可以使.bat文件不出现黑窗口在后台运行
    @echo off

    if "%1" == "h" goto begin
    mshta vbscript:createobject("wscript.shell").run("""%~nx0"" h",0)(window.close)&&exit
    :begin
    REM

需要管理员权限启动的bat

    @echo off

    mode con lines=50 cols=80
    %1 mshta vbscript:CreateObject("Shell.Application").ShellExecute("cmd.exe","/c %~s0 ::","","runas",1)(window.close)&&exit

    rem 回到当前的目录
    cd /d "%~dp0"

在electron应用和web应用中判断应用类型是否为APP

  • 只需要判断userAgent字段是否包含 Electron 即可
    window.navigator.userAgent.indexOf("Electron") !== -1 ? 'ELectron桌面应用' : 'web应用'

持续更新中…

NW.JS填坑指南(解决Flash插件、视频播放等故障) 目录NWJS填坑指南NW.js是什么?下载nwjs版本信息简单的实例改图标播放不了视频Flash插件老是提示缺失必要的组件附赠传送门 NWJS填坑指南 因为工作需要,计划将cefsharp改为nwjs。 在切换的过程中,将遇到的问题记录下来,形成了本文章。 本章内容,主要针对nwjsV0.37.4,常见的一些疑问及坑洼作出填坑指南。 NW.js是什么? NW.js 是基于 Chromium 和 Node.js 运行的, 以前也叫node-Webkit。这就给了你使用HTML和JavaScript来制作桌面应 阅读详情

相关推荐

跨平台桌面应用框架选型实战:Electron、Tauri与Electro Bun深度对比

跨平台桌面应用开发是连接Web技术与原生系统能力的重要领域,其核心在于平衡开发效率、应用性能与用户体验。从技术原理上看,不同框架通过不同的架构实现这一目标:有的捆绑完整浏览器运行时以最大化Web生态复用,有的则利用系统原生组件追求极致轻量。这带来了显著的技术价值差异,直接影响应用的启动速度、内存占用和分发体积。在实际应用场景中,开发者需要根据项目对系统集成深度、性能要求以及团队技术栈进行综合权衡。本文聚焦于当前主流的跨平台桌面开发方案,通过一个真实的音乐播放器项目,对基于Chromium的Electron、

weixin_34355559的博客 381

electron打包若依前后端分离项目,打包成exe客户端,自动化部署到Windows服务器

electron打包若依前后端分离项目,打包成exe客户端,自动化部署到Windows服务器

liqi939597的博客 9304

Electron+Vue Router在hash模式下实现无缝路由跳转的实践指南

本文详细解析了在Electron桌面应用中使用Vue Router的hash模式实现无缝路由跳转的完整实践方案。针对打包后首页空白等常见问题,文章对比了hash模式与history模式的差异,阐述了hash模式在file://协议下的天然优势,并提供了从项目搭建、路由配置到打包发布的详细步骤与代码示例,帮助开发者构建稳定可靠的本地应用路由系统。

weixin_29012677的博客 252

关于部署vue项目在Linux上的两种方式tomcat以及nignx(1)使用tomcat进行部署

阿丹有话说: 之前在写spring-boot项目的时候是直接写的jsp页面直接打成war包来运行。使用到了tomcat,而且简单方便,但是美中不足就是动画演示以及页面没有办法做的非常美观。自从开始写前后端分离的项目(微服务等)之后,发现element-ui是真的好用。现在想给vue的项目打包部署在自己的服务器上的时候发现了一些不一样。经过两天的学习以及摸爬滚打 ,学到了一些心得。给大家总结出来一个文章。方便大家,也想让大家少走一些弯路(和我一样)。

阿丹的博客 4279

开源桌面应用部署指南:从环境配置到功能验证的完整避坑手册

本地部署是软件开发与学习中的基础环节,涉及将应用程序在个人计算机上安装、配置并运行的过程。其核心原理在于确保目标环境(操作系统、运行时、依赖库)与项目要求严格匹配,从而避免兼容性问题。掌握规范的部署流程具有重要技术价值,它不仅是软件能否正常运行的前提,更是理解项目架构、学习依赖管理和调试技能的关键实践。在桌面美化、创意编程、开源项目学习等应用场景中,用户常需部署如动态桌宠、交互式艺术项目等本地应用。本文聚焦于此类项目的通用部署流程,系统梳理了从环境准备、依赖安装到启动验证的全链路易错点与解决方案,旨在帮助开

weixin_34337381的博客 465

DigitalOcean App Platform:让CI/CD真正实现提交即上线

CI/CD(持续集成与持续部署)是现代软件交付的核心实践,其本质是将代码变更自动转化为用户可用的服务。传统方案常因构建环境不一致、配置分散、回滚低效、流量切换手动等问题,导致流水线脆弱且运维成本高。DigitalOcean App Platform通过声明式YAML配置、标准化构建环境、运行时环境变量隔离、一键回滚与渐进式灰度等能力,将CI/CD内化为平台原生行为,显著提升部署可靠性与交付速度。它不仅简化了Node.js、Python等主流语言的Streamline Deployment流程,更推动开发者从

weixin_34408717的博客 454

electron从创建项目到线上更新

  1. 需要有node能正常使用npm 以electron官网为例  https://electronjs.org/ # 克隆示例项目的仓库 $ git clone https://github.com/electron/electron-quick-start # 进入这个仓库 $ cd electron-quick-start # 安装依赖并运行 $ npm install &a...

document_ljt的博客 1006

VSCode扩展到Electron:打字游戏的架构演进与实战避坑

桌面应用开发中,VSCode扩展常被低估为轻量级验证载体——它依托Web技术栈、复用编辑器上下文、支持快速MVP交付,是教育类工具等场景的理想起点。当需求升级至离线运行、硬件集成(如USB键盘串口通信)或系统级能力(开机自启、托盘控制)时,向Electron迁移成为必然选择。这一过程本质是权限跃迁:从沙箱化Web容器走向全权限桌面环境,涉及IPC通信重构、Node.js原生模块适配(如electron serialport)、跨平台菜单与生命周期协同(Vue 3 Composition API深度集成),以

weixin_33859135的博客 236

Vue中使用Electron(修改userAgent)以及隔离每个子窗口的cookie

在要加载的地址后没跟上userAgent对象即可修改 function createWindow () { win = new BrowserWindow({width: 800, height: 600}); newWin.loadURL(winURL + '#/qinbaobao', {userAgent: args[0].userAgent}) // 此处写 你要打开的路由地址 win.on('closed', () => { win = null }); }

qq_44760844的博客 3746

从零构建本地图片管理系统:Electron+Node.js+SQLite技术实践

图片管理是数字内容处理中的基础需求,其核心在于解决海量文件的存储、检索与高效组织问题。传统文件系统管理方式在应对多维度检索和批量处理时往往力不从心,这催生了专门的图片管理工具。其技术价值在于通过建立集中化索引、支持EXIF等多维度查询以及提供批量处理能力,将无序的文件集合转化为结构化的视觉资产库。在应用场景上,本地化部署方案尤其受到注重隐私的摄影爱好者、内容创作者的青睐。本文以“机智图片管理系统”为例,深入探讨了如何利用Electron、Node.js和SQLite等技术栈,实现一个具备图片扫描、智能索引、

weixin_34242331的博客 383

Python-uiautomator2保姆级安装指南:从环境配置到设备连接全流程

本文提供Python-uiautomator2的保姆级安装指南,涵盖从环境配置到设备连接的全流程。详细介绍了Python 3.6+、ADB工具等核心组件的准备,以及uiautomator2的安装和设备端服务初始化步骤,帮助开发者快速搭建Android自动化测试环境,避免常见问题。

nnn11的博客 940

桌面端框架Electron使用问题整理和总结

文章主要记录了使用electron日常开发中所遇到的一些坑以及怎样填坑,帮助其他开发的小伙伴少踩一些坑。建议关注收藏,以便遇到时候方便查阅! electron这个框架我就不过多介绍了,是使用node和Chromium架构的一个桌面端框架,如果有了解使用web技术开发桌面端,这个框架多少会听说过或者正在使用。 下面就记录一下自己在阅读文档的一些疑问以及开发过程中踩过的坑! electron? ...

Jsoning的博客 6039

Avalonia 项目结构说明

Avalonia UI

bjxingch的博客 1273

react+electron/现成的react项目直接转electron(2)—— 能本地运行,打包mac,【web层,渲染层,主进程】之间的互相通信交互

react+electron/现成的react项目直接转electron(2)能本地运行,打包mac,【web层,渲染层,主进程】之间的互相通信交互

weixin_41792662的博客 1741

qemu(2) -- 定制开发板

向qemu源码中添加自定义开发板

xflm的博客 843

[图解]SysML与EA实战:住宅安全系统接口块设计全解析

本文详细解析了使用SysML和EA工具进行住宅安全系统接口块设计的全流程。从系统上下文图入门到接口块实战技巧,涵盖块定义图与内部块图的视角转换,以及多图协同建模方法论。特别分享EA工具的高效操作指南和常见问题避坑建议,帮助工程师掌握精确信号定义、端口方向设置等关键技能,提升安防系统设计效率。

weixin_29234509的博客 334

electron 打包_桌面端框架Electron使用问题整理和总结

如果觉得文章不错,可以扫码关注文章结尾公众号:前端Jsoning ,每日推送技术文章,期待与你一起交流成长!!!文章主要记录了使用electron日常开发中所遇到的一些坑以及怎样填坑,帮助其他开发的小伙伴少踩一些坑。建议关注收藏,以便遇到时候方便查阅! electron这个框架我就不过多介绍了,是使用node和Chromium架构的一个桌面端框架,如果有了解使用web技术开发桌面端,这个框架多少会...

weixin_39607450的博客 1745

计算机视觉之ResNet

RestNet是2015年由微软团队提出的,在当时获得分类任务,目标检测,图像分割第一名。该论文的四位作者何恺明、张祥雨、任少卿和孙剑如今在人工智能领域里都是响当当的名字,当时他们都是微软亚研的一员。实验结果显示,残差网络更容易优化,并且加深网络层数有助于提高正确率。在ImageNet上使用152层的残差网络(VGG net的8倍深度,但残差网络复杂度更低)。对这些网络使用集成方法实现了3.75%的错误率。获得了ILSVRC 2015竞赛的第一名。原文链接这是一篇计算机视觉领域的经典论文。

十年以上架构设计经验,专注于软件架构和人工智能领域,对机器视觉、NLP、音视频等领域都有涉猎 2万+

electron内容整理

1、Electron: 从零开始写一个记事本app - 简书Electron介绍 简单来说,Electron就是可以让你用Javascript、HTML、CSS来编写运行于Windows、macOS、Linux系统之上的桌面应用的库。...https://www.jianshu.com/p/57d910008612 2、 Introduction | Electronhttps://www.electronjs.org/docs/latest3、Electron 中文文档_w3cschoolElect.

爱的叹息的专栏 614

ABB变频器使用PROFINET IO通信模块时的激活方法

ABB变频器使用PROFINET IO通信模块时的激活方法

Robot_PLC_HMI_Automation 2737

GeoXCP:可解释人工智能中空间解释的不确定性量化

GeoXCP: uncertainty quantification of spatial explanations in explainable AI提出基于保形预测(conformal prediction)的不确定性量化框架——地理空间解释保形预测(GeoXCP),将空间依赖纳入建模过程,生成具有校准不确定性估计的空间自适应解释。通过大量模拟实验和真实世界数据集验证,GeoXCP在不同地理空间场景中能提供可靠解释并有效量化不确定性,推动可解释地理空间机器学习的发展,帮助决策者评估模型驱动洞察的可信度。

May the Force be with you 244

跨平台桌面框架选型:Electron、Tauri、Flutter与React Native实战对比

跨平台桌面应用开发面临的核心挑战,不是‘能否实现’,而是‘能否长期稳定交付’。从技术本质看,Electron依托Chromium提供Web生态便利但资源开销大;Tauri以Rust构建轻量原生壳,兼顾性能与系统集成深度;Flutter追求多端UI一致性,桌面端仍存API断层;React Native则受限于移动端基因,在桌面场景生态割裂严重。这些框架差异实质是架构哲学之别:进程模型、权限控制、硬件访问路径与更新机制共同决定了三年维度的产品生命周期成本。尤其在需本地文件操作、音频设备交互、离线数据库同步等典型

cuiji1279的博客 331

华为OD机试双机位C卷:字符串计数匹配 (C/C++/Py/Java/Js/Go)

华为OD机试双机位C卷 字符串计数匹配,提供C语言、Java、C++、Python、Go、JavaScript源码实现,并提供完整思路讲解。 华为OD机试 字符串计数匹配, 华为OD上机考试 - 字符串计数匹配。

qq_45776114的博客 1647

CEF vs Electron vs Tauri:桌面跨平台框架选型深度解析

在桌面应用开发中,跨平台框架的选型直接影响产品性能与维护成本。CEF、Electron与Tauri作为三种主流方案,分别代表了嵌入式Chromium、完整Chromium运行时与系统WebView+Rust的差异化路线。CEF适合传统C++项目嵌入现代Web能力,Electron以成熟生态和快速开发著称,但体积与内存占用偏高;Tauri通过复用系统WebView并借助Rust实现安全控制,将安装包压缩至几兆级别,但需处理不同系统WebView的兼容性。理解三者的核心架构、性能权衡、生态成熟度与安全模型,能够

weixin_34417183的博客 499

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

3款真正可用的开源Web端ER图工具实测

ER图(实体关系图)是数据库设计的核心建模工具,其本质是将业务逻辑转化为结构化数据关系的可视化表达。随着远程协作与跨平台开发成为常态,传统桌面型ER工具在兼容性、部署门槛和协作效率上日益受限,而基于浏览器原生运行的Web端ER图工具正凭借零安装、离线可用、可审计开源等特性,成为新一代数据库建模基础设施。本文聚焦‘纯前端运行’与‘开源可审计’两大关键技术特征,深度评测三款经真实项目验证的Web ER工具:它们均支持MySQL/PostgreSQL/SQLite方言解析、反向工程(Reverse Enginee

weixin_34221073的博客 213

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

C/S与B/S架构深度解析:从原理到实战选型指南

软件系统架构是软件工程的基石,决定了系统的性能、可维护性和扩展性。客户端-服务器(C/S)和浏览器-服务器(B/S)是两种最经典的架构模式,其核心差异在于计算逻辑的分布位置。C/S架构将大量业务逻辑和计算任务放在客户端,能充分利用本地资源,提供高性能和丰富的交互体验,适合对图形处理、实时性要求高的专业软件。B/S架构则将计算集中于服务器端,客户端统一为浏览器,实现了跨平台部署和便捷升级,极大降低了运维成本,成为Web应用和SaaS服务的主流选择。随着WebAssembly、PWA等技术的发展,B/S架构在性

weixin_30598225的博客 382

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

上一篇: Vue+Element ui开发中碰到的IE问题
下一篇: Electron 结合WEB项目制作桌面APP之二 ---- electron与web的结合开发体验
EricLua
博客等级 码龄10年 34粉丝 33原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值