Electron - 用前端的技术开发桌面应用（二）

最新推荐文章于 2023-06-05 14:49:49 发布
最新推荐文章于 2023-06-05 14:49:49 发布
阅读量240 收藏
点赞数
分类专栏： 前端 系列 文章标签： electron node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lcn87873932/article/details/120140097
版权
本文是Electron系列教程的第二篇，详细介绍了Electron应用的运行流程、主进程与渲染进程的区别，以及如何创建菜单、制作右键菜单、通过链接打开浏览器等实践操作。通过实例展示了Electron的API使用，帮助开发者掌握Electron开发技巧。
摘要由CSDN通过智能技术生成

之前已经出了Electron系列第一篇，实现了简单的Hello World，感兴趣的小伙伴可以去翻看：https://editor.csdn.net/md/?articleId=118417012今天带来第二篇，继续讲讲Electron里面的其他功能用法。

Electron 的运行流程

先来看一个简单的流程

最低0.47元/天 解锁文章
invrlcn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
electron开发桌面应用
running_shuai的博客
03-16 331
今天突然想做一个web端桌面应用 查了些资料，发现，现在最适合做桌面应用的是electron框架 1.首先是应用打包 1 npm install -g electron-packager // npm模块，是一个用于打包electron应用的工具 2 安装模块以后打包命令是这样的： electron-packager ...
【Electron】桌面应用开发
我的博客
10-03 2438
Electron是一个使用JavaScript，HTML和CSS构建桌面应用程序的框架。通过将和嵌入到其二进制文件中，Electron允许您维护一个JavaScript代码库，并创建可在Windows，macOS和Linux上运行的跨平台应用程序 - 无需本机开发经验。
Electron-桌面应用开发
jyliyue的博客
11-15 601
Electron-桌面应用开发 Electron 使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序 一、主要概念 主进程-MainProcess 可以使用和系统对接的api，创建菜单，上传文件 创建渲染进程-RendererProcess 全面支持nodejs 只有一个作为主程序入口 渲染进程-RendererProcess (可视页面) 可以有多个，每个对应一个窗口 每个都是一个单独的进程 全面支持 nodejs 和 DOMAPI 可使用部分 electron 提供的
Electron桌面应用开发
woyebuzhidao321的博客
11-05 4186
https://www.electronjs.org/ 有的时候 样式更新不过来 ctrl + r 调试面板 ctrl + shift + i 一、Electron技术架构 Electron集成了chromium与node.js,将他们整合到一个运行环境中，允许我们使用web技术 html、css、js来构建桌面应用程序，并且能过通过一些与操作系统无关的api 访问windows\macos Chromium：可以理解为浏览器，支持最新特性的浏览器,es6、 Node.js：javascript 运行时
Electron桌面端开发(快速了解并编写第一个程序)
没有途径，只有努力
06-03 1054
这里我使用npm进行安装 查看是否安装成功 初始化项目 运行 📅编写第一个Electron程序 初始化项目(npm init --yes)会生成package.json 运行 electron . 这样就实现了第一个Electron程序了~😁😁😁
Electron 调用命令行(cmd)
10-16
Electron是一个使用Web技术（HTML，CSS和JavaScript）来构建跨平台的桌面应用程序的框架。它基于Chromium和Node.js，允许开发者使用前端技术构建界面，并使用Node.js强大的后端功能。在实际开发中，可能需要在...
用 Electron + FFmpeg 开发的视频剪辑器（毕业设计）.zip
05-23
它利用Web技术（如HTML、CSS和JavaScript）来构建用户界面，并结合Chromium和Node.js，使得开发者可以用熟悉的前端开发技能来开发原生桌面应用。 Electron的主要优点包括： 1. **Web技术栈**：开发者可以使用他们...
龙芯架构electron离线安装包_electron-v6.1.7-linux-mips64el
11-10
总的来说，这个压缩包提供了在龙芯架构Linux系统上离线安装和使用Electron框架的便利，使得开发者能够在这一平台上利用Web技术开发桌面应用程序。需要注意的是，由于龙芯架构的特殊性，开发者可能需要解决一些特定的...
electron-bootstrap-jquery-fontawesome
03-21
标题“electron-bootstrap-jquery-fontawesome”揭示了这个项目是关于使用...总的来说，“electron-bootstrap-jquery-fontawesome”项目展示了Web技术如何被创造性地应用于桌面应用开发，以实现高效且美观的设计。
electron-readhub:Readhub电子
05-17
Electron是由GitHub开发的，它将Chromium（Google Chrome浏览器的开源版本）和Node.js集成在一起，使得开发者可以用Web技术（JavaScript、HTML和CSS）来开发原生桌面应用。Chromium负责用户界面和渲染，Node.js提供...
如何利用 Electron 快速开发一个桌面端应用
最新发布
huan132456765的博客
06-05 6619
一直以来都有听说利用electron可以非常便捷的将网页应用快速打包生成为桌面级应用，并且可以利用 electron 提供的 API 调用原生桌面 API 一些高级功能，于是这次借着论证环信 Web 端 SDK 是否可以在 electron 生成的桌面端正常稳定使用，我决定把官方新推出的，打包到桌面端，并记录一下这次验证的过程以及所遇到的问题以及解决方式。
用前端技术开发桌面应用
weixin_34161083的博客
11-27 361
2019独角兽企业重金招聘Python工程师标准>>> ...
【Electron】用前端技术开发桌面应用（一）
zuo0407的博客
02-21 4623
由于最近工作需求，紧急学习electron相关的技术知识，关于node.js的相关问题，后续会继续更新。 【electron】简介及作用： electron的基本组成：Chromium + Node.js + Native API Chromium：Google 的Chrome浏览器背后的引擎，为electron提供了强大的UI能力，不用考虑兼容性的问题，比如可以不用写很多CSS兼容代码； Node.js：可以使用npm的包快速开发，并且使electron有底层开发的能力，比如文件的读写等； Native
前端开发人员的桌面应用神器 Electron
mobilehub
01-10 4321
01为什么用 JavaScript 来开发桌面应用？曾经的 JavaScript 脆弱、简陋、甚至有被边缘化的危险，不过 JavaScript 在经过了两次飞跃后（以 V...
使用Web前端技术开发桌面应用---Electron第一个Hello World程序
CreatorRay的博客
02-17 530
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！代码自用自取。 目前已经搭建好了Electron的开发环境，那这篇文章就写一个Electron最简单的Hello World，这也是每个学习开写的第一个程序。当然也有下伙伴说把Electron安装到项目中太麻烦了，可不可以安装到全局变量，那答案是肯定的。 全局安装Electron npm install -g electron 这个如果安装失败，你可以多安装两遍，你也可以使用cnpm来进行安装。安装后确实可以使用起来方便一点.
electron入门
zxl1990_ok的博客
10-27 2278
进程间通信 从渲染进程到主进程 Callback写法 ipcRenderer.send(channel, ...args) ipcMain.on(channel, handler) Promise写法 ipcRenderer.invoke(channel, ...args) ipcMain.handle(channel, handler) index.html <script src="renderer.js"></script> main.js const {
Electron 中使用menu模块创建菜单
越陌度阡
04-16 3142
1. 模块简介 Electron 中 Menu 模块可以用来创建原生菜单，它可用作应用菜单和上下文菜单，此模块是一个主进程的模块，可以通过 remote 模块在渲染进程调用。 2. 菜单实现 首先是mian.js文件的代码如下： const { app, BrowserWindow } = require("electron"); const path = require("path"); const createWindow = () => { // 创建窗口 c.
electron从入门到入门
小陈的博客
05-25 1926
前言 最近公司要做windows客户端，但是公司还缺少C#的开发人员🎫，网上很早就有了electron实现windows客户端，于是就需要前端的同事通过electron来实现一款应用替代C# winform 窗体🎨。 什么是electron? 官网解释：使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序，每一个窗体就是对应的一个html页面 快速入门 官网也提供了快速入门的方案，相关代码如下。 #克隆这个仓库 git 克隆 https://github.com/electron/
Electron 之自定义顶部菜单
www_58soho的博客
11-20 1265
Electron 之自定义顶部菜单
Electron框架：用JavaScript构建跨平台桌面应用
Electron框架是一个强大的工具，它允许前端开发者利用他们熟悉的Web技术开发桌面应用。这个框架由OpenJS基金会维护，其核心是集成Chromium浏览器引擎和Node.js运行时环境。Chromium负责显示应用程序的界面，而Node....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值