## 使用 Electron Socket 与 Java 通信的指南 在开发桌面应用时,Electron 是一个非常热门的框架,搭配 Java 后端可以构建强大的应用。本文将指导你如何通过 Socket 实现 Electron 与 Java 之间的通信。本指南包括步骤流程、具体代码以及相关的类图和序列图。 ### 流程概览 首先,让我们看看实现这个目标的整体流程: | 步骤 | 描述 |
原创 9月前
132阅读
前言先说几句废话,本人是一名 web 后端开发,主语言是 java,在学 Electron 之前,只会一点点 HTML和 JavaScript。本文讲的也是我学习 Electron 的过程,而非教程,请酌情参考。Electron是什么Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromiu 和 Node.js 到 二
转载 2024-07-17 06:39:42
185阅读
转载:(第一个demo和安装依赖的包)一、简介      Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用
五、Electron 191、什么是 Electron参见 PPT。2、Electron 初探2.1 常见的桌面GUI工具介绍名称语音优点缺点QTC++跨平台、性能好、生态好依赖多,程序包大PyQTPython底层集成度高、易上手授权问题WPFC#类库丰富、扩展灵活只支持Windows,程序包大WinFormC#性能好,组件丰富,易上手只支持Windows,UI差SwingJava基于AWT,组件
转载 2024-07-05 20:27:02
76阅读
最近一直在做Electron的项目,随着项目的上线,在此做一点总结。本文主要记录一些坑点,整个Electron的搭建流程有很多文章说的非常好了,就不赘述了。主要包括关于主进程和渲染进程通信的痛点持久化数据的方案选型打包后文件目录的访问权限关于主进程和渲染进程通信的痛点先看一下官方的说明Electron为主进程( main process)和渲染器进程(renderer processes)通信提供
主进程api 1.1 Electron app 模块:app 模块是为了控制整个应用的生命周期设计的。 1.2 Electron autoUpdater 模块:这个模块提供了一个到 Squirrel 自动更新框架的接口。 1.3 Electron BrowserWindow 模块:BrowserWindow 类让你有创建一个浏览器窗口的权力。 1.4 Electron contentTracing
转载 2023-12-07 15:24:43
141阅读
electron debugger在开发过程中我们经常需要对某一功能进行调试,electron也不例外。 electron有主进程和渲染进程,所以调试部分也分为两大块,即调试主进程和渲染进程渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具手动打开View->Toogle Developer Tools的方式打开 如下图:代码打
在桌面程序中,使用C#语言可以创建winform和WPF程序,他们2个在Windows中都非常的优秀,还有就是使用QT开发桌面,可以跨平台开发,这三种都是比较“正规”的,而Electron是使用框架开发桌面程序的,还有其他的框架也可以开发桌面程序等等。下面介绍一下Electron开发桌面程序,只要会使用vue,那么使用Electron也非常的简单。官网如下:简介 | Electron本案例环境wi
安装electron依赖。
原创 2024-08-18 15:32:35
76阅读
        项目中,有时会需要将Web页面应用打包为桌面程序。像visual studio code就是使用Web页面打包的桌面程序。        本文记录了使用Electron打包Angular项目的步骤。前提条件是已有项目已经按照
 一、项目结构 二、实现代码index.html<!doctype html> <html> <head> <meta charset="utf-8" /> <title>测试</title> <script src="index.js"></script> <
转载 2024-01-01 06:39:49
196阅读
Electron 是什么定义Electron是一个能让你使用传统前端技术(Nodejs, Javascript, HTML, CSS)开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。历史2013年的时候,Atom编辑器问世,作为实现它的底层框架Electron也逐渐被熟知,到2014年时被开源,那时它还是叫Atom Shell。接下来的几
electron中进行使用 ipcMain 和 ipcRenderer 模块,通过开发人员定义的“通道”传递消息来进行通信。 新的版本中electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时,上下文隔离方式使用起来更加方
 【前言】js技术栈开发桌面端很大的优势就是ui界面开发比较快,对比原生的桌面端开发要快很多,并且基于chromium内核,支持最新的html5,css3特性,又可以开发出很酷炫的ui。总结一下就是electron开发ui界面,又快又好~【打包代码结构调整】接上一篇文章的代码结构,如下,只有src内是最终桌面应用的代码,其余的是提供electron开发环境&打包相关的代码,为了方
electron实现打印功能,支持静默打印、无感打印实现思路业务上目前有两种打印的方法:webview标签:electron提供webview用于在一个独立的 frame 和进程里显示外部 web 内容。但是在Electron >= 5中是禁用该标签的,所以就直接放弃它。webContent.print方法:webCompent是主进程用来渲染和控制网页的对象,而它的print方法是用来打印
转载 2024-03-22 07:02:56
205阅读
(1). 背景:①. 业务发展,需要用到桌面端技术: a. 如离线可用、调用桌面系统能力. ②. 桌面端的开发方式: a. Native、QT、Flutter、NW、Electron、Tarui1. 技术选型是ElectronElectron是一个可以使用Web技术来开发跨平台桌面应用的开发框架(1). 其技术组成如下:①. Electron = Chromium + Node.
原创 2023-11-06 17:03:08
126阅读
一、Electron简介Electron的应用,使得了JS不仅仅可以BS端项目,还可以做CS端项目。另外今天之所以研究下Electron,还是因为公司的需要,业务场景是,通过Electron.js开发出的桌面应用让客户可以通过这个桌面应用管理设备和资产,同时也可以监控对应的设备状态等等。传统的exe对于我们而言,太繁重了,不是很适合。当然了,负责这块的人不是我,我对此还是有点小兴趣,为此,还是在w
转载 2024-03-06 16:30:47
117阅读
从开发的角度来看, Electron application 本质上是一个 Node. js 应用程序。 应用启动的入口是一个与 Node.js 模块相同的 package.jsonyour-app/ ├── package.json ├── main.js └── index.html为你的新Electron应用创建一个新的空文件夹。 打开你的命令行工具,然后从该文件夹运行
转载 2023-11-09 16:20:55
164阅读
electron学习教程1.介绍2.五分钟快速上手2.1 先创建index.html文件2.2 再创建main.js文件2.3 再安装electron2.2 配置为入口文件2.5 运行3.自动刷新页面4.主进程和渲染进程5.自定义原生菜单5.1 自定义菜单5.2 给菜单定义点击事件5.3 抽离定义 打开调试5.4 自定义顶部菜单 支持拖拽5.5 点击创建新窗口5.6 点页面打开外部浏览器6 打开
官方网站:https://www.electronjs.org/ 开发文档:https://www.electronjs.org/docs 开发API:https://www.electronjs.org/zh/docs/latest/api/app注意:如果用的是最新的electron,应该看最新的文档,有可能出现api不兼容的问题。1.功能介绍: Electron 基于 Chromium 和
转载 2023-12-05 15:19:44
125阅读
  • 1
  • 2
  • 3
  • 4
  • 5