Electron使用指南 - [01] 介绍

最新推荐文章于 2024-05-25 09:51:53 发布
最新推荐文章于 2024-05-25 09:51:53 发布
阅读量1k 收藏 1
点赞数
分类专栏： 前端技术文章 文章标签： vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sdasadasds/article/details/109593358
版权
本文介绍了Electron，一个基于Chromium和Node.js的框架，允许开发者使用Web技术构建跨平台的桌面应用。文章详细讲解了Electron的概览和原理，包括其主进程和渲染进程的架构，以及如何利用JavaScript、HTML和CSS来创建应用。同时，Electron的开源性质和广泛采用，如Atom编辑器和Slack，展示了其在开发领域的潜力。
摘要由CSDN通过智能技术生成

Electron 介绍

1、概览

想必你已经听说了可以应用electron来构建令人惊叹的桌面应用程序！

img

单纯使用JavaScript API 就可以构建Mac, windows或者Linux应用程序。

长期以来，很多开发语言都保留了生成桌面应用程序的功能，比如C和Java，但是用这些语言来构建应用程序是非常困难的。

img

当然，近年来，构建本地应用程序变的更加灵活，但您仍然需要为每个操作系统学习不同的语言并使用非常特定的工具进行开发。

img

而如今，在Mac，Windows和Linux系统上，应用Electron技术，可以使我们前端开发人员运用现有的知识来解决这个问题了。

我们利用JavaScript，HTML和CSS这些Web技术来构建单个应用程序，然后为Mac windows 和 Linux 编译该应用程序。

img

这样&#x

最低0.47元/天 解锁文章
千锋HTML5大前端
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java云盘后端服务器+前端electron前后端分离式+简单部署教程
03-19
云盘源码java后端服务器+前端electron前后端分离式自从学习了一点点electron基础命令(也就是几个标准单词)，我就突发奇想，想写一款桌面基本的应用，但是也不知道该写什么demo，然后就这样子，想啊想…，直到发生了震惊国人pandownload事件，我痛恨百度云的机制，但也无法忘记它带给我们的资源， 所有我就想尝试写一个页面稍微可以上台面的桌面云盘应用。
electron结合JAVAweb_详解Webpack实战之构建 Electron 应用
weixin_39616071的博客
12-20 440
Electron 可以让你使用开发 Web 的技术去开发跨平台的桌面端应用，由 Github 主导和开源，大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。Electron 是 Node.js 和 Chromium 浏览器的结合体，用 Chromium 浏览器显示出的 Web 页面作为应用的 GUI，通过 Node.js 去和操作系统交互。 当你在 Electron...
electron 嵌入java应用，并且嵌入redis,mysql,打包
一直在努力的程序猿
11-08 1774
electron 做桌面软件，想嵌入java 应用，需要用到jre1.8，redis（win3.xx,mac 7.x）,mysql8 并且能分别打包win和mac版本。资源文件结构如下图所示，所有的资源文件都是压缩版，并且已配置好。
利用Java Electron打造桌面应用的魔法教程
最新发布
gitblog_00047的博客
05-25 417
利用Java Electron打造桌面应用的魔法教程 项目地址:https://gitcode.com/cuba-labs/java-electron-tutorial 在这个简短但丰富的教程中，我们将揭示如何利用Electron、Jetty和Vaadin构建自己的Java桌面工具包。这个开源项目不仅提供了详尽的步骤指导，还展示了强大的技术整合能力。 项目简介 Java Electron Tuto...
electron结合JAVAweb_Electron和单纯的vue单页面结合通讯
weixin_30418751的博客
12-30 579
基本操作就不说了，跑起来gitdemo# 克隆示例项目的仓库$ git clone https://github.com/electron/electron-quick-start# 进入这个仓库$ cd electron-quick-start# 安装依赖并运行$ npm install && npm starth1主程序// Modules to control applica...
electron 主进程中使用websocket与java服务端通信
梦一样的博客，神话般的感觉
12-01 2785
客户端： electron-vue+elementui 开发工具：WebStorm electron:11.0.3 vue:2.5.16 element-ui:2.14.1 服务器: netty+websocket+spring 开发工具:IdeaJ netty:4.1.53.Final spring:5.1.10.RELEASE 废话不多说，对于程序员来讲。直接看代码比长篇大论的来的快，看的明白，更直观。关键的地方我会另行说明。 服务端： pom.xml <?xml version=".
electron中的net请求和ajax,Electron 使用原生net提交数据到JAVA后台
weixin_39618176的博客
08-06 1866
Electron 使用原生net提交数据到JAVA后台Electron 使用原生net提交数据到JAVA后台提交数据是系统中最常见的功能，如果是WEB，常用的几种方式不外乎是form表单的submit，又或者是jquery的ajax等，都跟表单有关。如果用Electron做桌面软件方式，虽然也可以用jQuery的方式，但存在跨域问题，虽然也可以通过配置文件的属性webSecurity解决(未测试，...
使用Electron打包JavaSpringboot项目为exe文件（含electron-builder下载出错解决方案）
小哈里的博客
05-23 4961
文章目录1、问题背景2、electron入门，使用electron打包静态页面或URL3、electron-builder下载出错4、使用electron打包springboot 1、问题背景 问题如下： 现在我们有一个springboot的项目，启动后可以在localhost:8080访问网站并使用网站提供的服务。 我们想要打包为windows下的可执行文件exe，即 exe会自动打开一个窗口访问到该网站。 使用说明： 请先将项目打包为jar，并确保可以通过java -jar即可启动该web服务 使
electron-quick-start-master.zip
01-18
本指南将基于"electron-quick-start-master.zip"这个压缩包，详细介绍如何在Electron项目中配置和使用SQLite3数据库。 首先，"electron-quick-start-master.zip"是一个基础的Electron项目模板，它包含了创建一个...
electron-json-config:只需为您的Electron应用设置并从json文件中获取配置
04-10
有关升级指南，请参见 。 这个包可以在。安装NPM npm install --save electron-json-config纱yarn add electron-json-config用法普通JS const config = require ( 'electron-json-config' ) . factory ( ) ;config ...
electron-main-fetch在Electron的主要进程中使用浏览器FetchAPI
08-09
如果你需要使用这个库，可以解压该文件，查看README或其他文档以获取详细的安装和使用指南。通常，安装可以通过npm或yarn完成： ```bash # 使用npm npm install sindresorhus-electron-main-fetch # 或者使用yarn ...
java-electron-tutorial：如何使用Electron构建Java桌面应用程序
02-04
Java电子教程 在这个简短的教程中，我将向您展示如何在Electron，Jetty和Vaadin之上构建自己的Java桌面工具包。 入门 我们将从Gradle构建系统和Node.js安装开始。 下载并安装Gradle的最新稳定版本： ：//gradle.org/releases/和Node.js： ： 创建一个新目录并在此目录中使用命令行运行： gradle init --type Java应用程序 Gradle将产生一组项目存根文件。 现在，您可以使用Intellij Idea或Eclipse as Java项目轻松打开目录。 让我们删除src/main/java/App.ja
electro-java-app：Electron Java应用程序-如果您可以使用HTML 5 UI在Java上构建桌面应用程序，该怎么办
02-04
电子+ Java演示 具有基于Electron和VaadinHTML 5 UI的Java桌面应用程序。 用途 节点JS 电子 Gradle JDK 11 码头HTTP服务器 瓦丹14 产品特点 使用Gradle轻松构建 启用了Web套接字的Jetty服务器 纯Java的Vaadin UI代码 与Vaadin Push和Jetty WebSocket模块的双向WebSocket连接 使用JavaScript函数在Electron和Web应用程序之间进行双向通信 在应用程序初始化/退出时服务器端的自动启动/停止 自定义窗口标题 菜单选项，仅在调试模式下运行时显示开发人员工具 是否想知道如何实现
electron-vue-background-processing.rar
06-12
- "README.md"：项目说明文件，通常包含项目简介、安装和使用指南等。 - ".travis.yml"：Travis CI的配置文件，用于自动化测试和部署。 - "appveyor.yml"：AppVeyor CI的配置文件，针对Windows环境的持续集成服务。 ...
electron-vue-next:将vue-next与电子结合使用的入门模板
05-01
特征电子11 遵循电子指南，使渲染器仅在浏览器环境中处理使用进行构建授权及其生态系统使用意味着开发渲染器过程可以非常快！ 将与强类型状态，获取器和提交一起使用使用 默认情况下将与Javascript Standard结合使用...
Electron系列之，启动后台服务
mm_0123456789的博客
06-07 5777
通过cmd命令行启动后台服务 在electron窗体启动时调取后台服务exe文件 文章目录通过cmd命令行启动后台服务一、通过start命令启动服务端exe文件1. 代码2. 服务端文件3. 效果二、直接使用exe文件名启动服务1. 代码总结 一、通过start命令启动服务端exe文件 1. 代码 代码如下（示例）： // 启动后台服务 // 方案1，不需要查看输出日志 // const {exec} = require("child_process") // function runExec()
使用Electron打造Java桌面应用：一个创新实践
gitblog_00091的博客
04-17 973
使用Electron打造Java桌面应用：一个创新实践 electron-java-appElectron Java application - What if you could build Desktop applications on Java with HTML 5 UI项目地址:https://gitcode.com/gh_mirrors/el/electron-java-app 项目...
electron call java_Electron或node如何更好的调用jar包启动一个spring boot的服务
weixin_39888018的博客
03-01 1510
我在开发一个Electron桌面应用，其中需要连接mysql或oracle数据库，我的方案是用spring boot写了一个restful API服务器，然后在Electron上以网络请求的方式来调用这个服务，现在我希望通过我的应用来任意启动或关闭这个服务，我用maven将这个restful服务打成了个jar包，我该如何启动它呢？我试着用了nodejs 的child_process 模块，以命令行...
使用Electron14.0.0打包java web服务为exe-爬坑记录
保持学习
09-08 5960
背景 因为工作原因，需要实现一款让用户下载了exe，安装后，打开可视化界面即可自动启动java web服务，并将页面请求到首页服务。 实现思路 使用springboot做一个web应用，因为其内置了web容器，所以打包成jar后，通过java -jar即可启动web服务 创建一个electron项目，把jar文件还有jre环境放进去 通过nodejs的proceee提供的方法执行启动脚本（java -jar xxx.jar） electron 主进程或渲染进程做服务是否启动检测，如果已经启动直接访问即可，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值