Electron使用

最新推荐文章于 2024-09-27 09:19:06 发布

enzoism

最新推荐文章于 2024-09-27 09:19:06 发布

阅读量706

点赞数

文章标签： java python docker vue tomcat

本文链接：https://blog.csdn.net/weixin_42288943/article/details/109671789

版权

1、写作背景

工作空间内容记录，以备遗忘

2、参考网址

LayUI管理
Electron快速启动项目
Electron打包编译

3、学习目的

01-Electron：记录eltron的基本使用

4、核心操作

1)01-Electron

1、eletron进行基础项目创建

git clone https://github.com/atom/electron-quick-start

npm install && npm start

原生的快速创建

2、eletron进尝试将layui放进去

代码地址：https://gitee.com/duxiaod/RuoYi

直接将代码放进去【代码是tomcat运行，eletron启动的时候也是运行容器，可以直接将项目运行起来】

image.png

3、将文件进行打包

参考地址：https://www.cnblogs.com/lightmusic/p/11404619.html

1、查看electron版本

electron - v

2、package.json修正

"package":"electron-packager . layuiDemo --win --out ./layUI-demos-master --arch=x64 --app-version=1.0.0 --electron-version=9.2.1"

layUI-demos-master：项目的名称
app-version：项目版本
electron-version：electron真实的版本信息，通过electron - v进行查看

3、打包脚本运行

npm run package

4、课后习题

1)将layui项目放入electron中，运行项目，并把项目打包

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

enzoism

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

【Electron】Electron学习笔记

墨苒孤的博客

08-27

1068

Electron是一个跨平台桌面应用开发框架，开发者可以利用HTMLCSSJavaScript等Web技术来构建桌面应用程序。它本质上是结合了Chromium和Node.js，目前广泛用于桌面应用程序开发。例如，许多桌面应用都采用了Electron技术。Electron官网以下这些都是使用了Electron: 一个流行的开源代码编辑器，由Microsoft开发。GitHub官方提供的桌面客户端，用于管理Git代码仓库。1Password: 一个密码管理工具，提供安全的密码保存和管理功能。新版QQ。

Electron使用&创建

dupha的博客

02-18

496

Electron 第一步：初始化项目并运行首先创建一个文件夹并初始化 npm 包 mkdir my-electron-app && cd my-electron-app npm init 将 electron 包安装到应用的开发依赖中（如果npm下载报错，切换cnpm。cnpm安装方式） npm install --save-dev electron 项目根目录下创建一个名为index.html的文件 <!DOCTYPE html> &lt

参与评论您还未登录，请先登录后发表或查看评论

Electron 使用手册

ErikChan的博客

12-28

292

准备Electron环境安装 NodeJS 下载地址：https://nodejs.org/zh-cn/download/ 安装完成后查询node和npm的版本，确认安装是否成功。 node -v npm -v 如果上述命令均打印出一个版本号，就说明Node.js已经安装好了！注册 npm 镜像由于 npm 命令在下载模块时速度很慢，可以利用淘宝镜像注册 cnpm 指令，加快下载的速度 npm install -g cnpm --registry=https://registry.n

electron的基本使用

weixin_39457424的博客

11-12

1367

Electron是GitHub开发的一个开源框架，它使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的跨平台开发准备首先保证电脑上已经安装node.js 1，安装electron npm install -g electron // 推荐使用淘宝镜像安装 cnpm install -g electron 2，检查electron是否安装成功 npm electron -v // 显示版本号则安装成功 3，新建main.js作为electron的主进程 const

electron使用regedit模块时的正确配置方法

01-20

本文将详细介绍如何正确配置`regedit`模块在Electron项目中的使用。首先，我们需要理解Electron项目的结构。Electron允许我们在一个基于Chromium的环境中运行Node.js代码，这意味着我们可以利用Node.js的全部功能...

electron 使用 electron-builder 打包所需工具 winCodeSign-2.6.0.zip

12-25

在使用 `Electron Builder` 进行打包时，如果指定了 `winCodeSign`，它会自动调用这些工具，使用开发者提供的证书对最终的 `.exe` 文件进行签名。在实际操作中，你可能需要以下步骤来使用 `Electron Builder` 和 `...

Electron 使用electron-packager、electron-builder打包demo

08-03

这个压缩包文件中的"Electron 使用electron-packager、electron-builder打包demo"是一个实例，展示了如何使用两个流行的Electron打包工具——`electron-packager`和`electron-builder`，将Electron应用转化为可以在...

capture-electron:使用Electron捕获屏幕截图

05-17

使用捕获屏幕截图。特征 Promise和Stream接口可配置视口等待DOMContentLoaded 文件格式png ， jpg和bmp 例子捕获的800x600屏幕截图： const capture = require ( 'capture-electron' ) const fs = require ( ...

Electron 使用Selenium和WebDriver

天空之外

05-24

2882

本节我们来学习如何在 Electron 下使用 Selenium 和 WebDriver。 Selenium Selenium 是 ThoughtWorks 提供的一个强大的基于浏览器的开源自动化测试工具。 Selenium 是一个用于 Web 应用程序测试的工具，测试直接自动运行在浏览器中，就像真正的用户在手工操作一样。支持的浏览器包括 IE、Chrome Opera、Firefox 等。这个工具的主要功能包括：测试与浏览器的兼容性，测试应用程序是否能够很好地工作在不同浏览器和操作系统之上。测试系统

基于Electron+Layui桌面端开发的一款闹钟.zip

06-05

基于Electron+Layui桌面端开发的一款闹钟.zip

简单使用electron

qq_44309360的博客

08-25

1394

electron学习记录

Electron的入门使用

猫咪老师

07-08

1632

关于我在初次使用Electron客户端框架遇到的一些问题。

electron基础使用

m0_62475892的博客

06-11

1335

代码签名是一种可用于证明桌面应用程序是由已知来源创建的安全技术。Windows 和 macOS 拥有其特定的代码签名系统，这将使用户难以下载或启动未签名的应用程序。代码签名在。

Electron-使用Electron开发第一个应用

weixin_34292402的博客

02-18

111

使用Electron开发第一个应用 Electron 应用的目录结构如下： app/ ├── package.json ├── main.js └── index.html 新建一个app文件夹将这三个文件都放在里面 package.json的内容 { "name" : "app", "version" : "0.1.0", "main" : "main.j.

前端框架 Electron 使用总结

最新发布

qq_46516788的博客

09-27

478

最近有个业务需要使用到electron这个技术进行搭建web的桌面应用，本人在试坑的路上已经不知道掉了多少坑了，我先开始使用两个框架一起搭的，刚开始使用vite创建了一个vue3的项目然后再安装electron进行综合构建electron-vue项目，但是官方提供了一个electron-vite的脚手架用于搭建，而且是使用vite搭建的，不用之前的两次启动，一键启动，而且热更新，下面是两种搭建方式的区别。

electron使用rabbitMq

07-27

Electron 是一个用于构建跨平台桌面应用程序的开发工具包，而 RabbitMQ 是一个流行的开源消息队列系统。要在 Electron 中使用 RabbitMQ，你可以使用 RabbitMQ 的 JavaScript 客户端库 amqplib。首先，确保你的 Electron 项目已经初始化和配置好。然后，你需要在你的 Electron 应用程序中安装 amqplib 库。你可以使用 npm 或者 yarn 进行安装： ``` npm install amqplib ``` 或者 ``` yarn add amqplib ``` 一旦安装完成，你可以在你的 Electron 代码中引入 amqplib： ```javascript const amqp = require('amqplib'); ``` 接下来，你需要连接到 RabbitMQ 服务器。假设你的 RabbitMQ 服务器运行在本地主机上，你可以使用以下代码创建一个连接： ```javascript const connection = await amqp.connect('amqp://localhost'); ``` 然后，你可以创建一个通道来进行消息的发布和订阅： ```javascript const channel = await connection.createChannel(); ``` 现在，你可以使用这个通道来声明交换机、队列和绑定关系，并发送和接收消息了。以下是一个简单的示例： ```javascript // 声明交换机和队列 const exchange = 'my-exchange'; const queue = 'my-queue'; await channel.assertExchange(exchange, 'direct', { durable: true }); await channel.assertQueue(queue, { durable: true }); await channel.bindQueue(queue, exchange, 'my-routing-key'); // 发送消息 const message = 'Hello, RabbitMQ!'; channel.publish(exchange, 'my-routing-key', Buffer.from(message)); // 接收消息 channel.consume(queue, (msg) => { console.log('Received message:', msg.content.toString()); }); ``` 这只是一个简单的示例，你可以根据你的需求进行更复杂的操作，如使用不同类型的交换机、设置持久化选项等。需要注意的是，RabbitMQ 是一个独立的消息队列系统，你需要确保 RabbitMQ 服务器已经正确安装和配置，并且在连接和使用时考虑到安全性和性能方面的问题。