electron 绝对路径_使用electron构建跨平台桌面应用程序

最新推荐文章于 2024-06-27 11:45:00 发布
最新推荐文章于 2024-06-27 11:45:00 发布
阅读量1.4k 收藏
点赞数
文章标签： electron 绝对路径
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_35796591/article/details/113534967
版权
本文介绍了Electron框架，它结合Node.js和Chromium用于桌面GUI应用开发。内容涉及Electron如何处理绝对路径，增强HTML5特性，以及安全注意事项，如避免使用remote模块，禁用nodeIntegration。还提到了安装优化技巧，如使用webpack和electron-builder，并探讨了Electron在奥鹏考试客户端等应用场景。
摘要由CSDN通过智能技术生成

INTRODUCE

先介绍一下Electron

5e59346127a5f5cbc40dab31d598f693.png

Electron(最初名为Atom Shell[3])是GitHub开发的一个开源框架。它允许使用Node.js(作为后端)和Chromium(作为前端)完成桌面GUI应用程序的开发。

Electron现已被多个开源Web应用程序用于前端与后端的开发，著名项目包括GitHub的Atom和微软的Visual Studio Code。

Electron 通过将 Chromium 和 Node.js 合并到同一个运行时环境中，并将其打包为 Mac，Windows 和 Linux 系统下的应用来实现这一目的。

Electron 的核心理念是:保持 Electron 的体积小和可持续性开发。如:为了保持 Electron 的小巧 (文件体积) 和可持续性开发 (以防依赖库和 API 的泛滥) ， Electron 限制了所使用的核心项目的数量。比如 Electron 只用了 Chromium 的渲染库而不是其全部组件。

Nodejs 中常用的 Path、fs、Crypto 等模块在 Electron 可以直接使用，方便我们处理链接、路径、文件MD5等

Electron 对一些 HTML5 的特性进行了增强：

桌面通知

你可以直接使用 html5 的 notification，Electron会将其转化成为系

最低0.47元/天 解锁文章
两斤香菜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3+electron开发桌面应用，静态资源处理方式及路径问题总结
autumngold的专栏
02-27 2086
的引用解析为相应模块的路径，并且，如果项目配置了相应的loader，Webpack 还会处理文件内容，可能会转换这些静态资源为 base64 URI，或者将其复制到输出目录，并修改为最终路径。当你的网站或应用需要在多个子路径或不同的环境中部署，而没有固定的根路径时，设置。目录下的静态资源时，例如图片或样式文件，Webpack 会使用相应的加载器(loader)来处理它们。这里的静态路径是指直接写死的字符串，动态路径是指vue中的响应式数据生成的路径。静态路径没什么好说的，写相对路径，vue会自动处理好。
electron获取linux路径,electron如何获取当前主程序的路径、名称？
weixin_34887221的博客
05-11 3718
在实际应用场景中，经常有需要获取当前执行的文件的信息，比如路径或者文件名称等等。本文就简要的说明一下获取这些信息的函数方法，至于这些信息如何分析使用，这个就看各位的需求了。在开始本文的正文之前，苏南大叔希望先和大家说明一下：本文的这几个函数，在调试模式下以及在打包之后的生产模式下，所得到的结果区别是很大的。所以，大家都要看到一件事物的两面性。本文测试环境：win10/mac/centos，[ema...
Electron打开文件并获得绝对路径方式
Pegasus的软件博客
06-15 8125
Electron打开文件并获得绝对路径方式 在桌面应用中，点击一个按钮，选择一个文件，后台再得到绝对路径进行后续处理是常见的实现。 如采用Input标签File导入的方式，如下示例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/19
【Electron】Electron入门实现
最新发布
Python、Golang、大数据
06-27 1230
Electron是一个开源框架，允许开发者使用网页技术来构建跨平台的桌面应用程序。它由GitHub开发并维护，最初是为了支持开发Atom编辑器。Electron结合了Chromium（用于呈现网页内容）和Node.js（用于与操作系统交互），因此开发者可以利用大量现有的网页开发技术和工具来构建桌面应用。
vue通过build打包后 打开index.html页面是空白的
热门推荐
weixin_41439996的博客
06-28 2万+
最近在build打包vue项目遇到了几个问题，如下： 1、npm run build打包项目之后，我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器，但最近发现直接打开index.html页面是空白的，还会报几个错，找不到页面路径。 原因：找到config文件下index.js，全局搜索assetsPublicPath，结果是assetsPublicPa...
使用Electron构建React+Webpack桌面应用的方法
08-28
在开发桌面应用时，Electron框架提供了一个强大的平台，它允许开发者使用Web技术（HTML、CSS和JavaScript）创建跨平台的应用程序。结合React，一个流行的JavaScript库用于构建用户界面，以及Webpack，一个模块打包...
用 Electron 开发的桌面应用程序
03-21
Electron 是一个由 GitHub 开发的开源框架，它允许开发者使用 HTML、CSS 和 JavaScript 来构建跨平台的桌面应用。通过结合 Chromium（Chrome 浏览器的核心）和 Node.js，Electron 提供了一种高效且方便的方式来开发...
基于Electron实现桌面应用开发代码实例
10-15
基于Electron实现桌面应用开发是一种流行的方式，它允许开发者使用Web技术（JavaScript、HTML和CSS）构建跨平台的桌面应用程序。Electron框架结合了Chromium和Node.js，为开发者提供了便利的开发环境。 首先，环境...
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
08-28
在开发桌面应用时，`Electron`框架是一个非常流行的解决方案，因为它允许开发者使用Web技术（HTML、CSS和JavaScript）来构建跨平台的应用程序。`Electron`基于Node.js和Chromium，结合了两者的优势，使得开发者能够...
electron_three.js_vue.zip
12-17
1. **Electron**: Electron是一个开源框架，它允许开发者使用JavaScript、HTML和CSS构建跨平台的桌面应用程序。通过结合Chromium和Node.js，Electron使得Web开发者能够利用熟悉的技术栈创建原生桌面应用。 2. **Vue...
electron 获取打包后的exe文件路径。
黑夜的风的博客
04-16 1万+
储存应用数据时，通常会使用 应用程序所在目录。即 userData 目录。 路径是这样的：C:\Users\【用户名】\AppData\Roaming\【应用名】 可通过以下方法获取：app.getAppPath() 但某些情景。我希望某些数据存放在 打包后的当前路径 下。 即 应用名.exe 的同级目录下。 这时该怎么获取呢？ 1、初步尝试 使用 nodeJS 的被执行 js 文件的绝对...
Electron打开目录并获得绝对路径方式
Pegasus的软件博客
05-06 3536
Electron打开目录并获得绝对路径方式 与打开特定文件获得绝对路径的方式（https://blog.csdn.net/hwytree/article/details/106759424）相似，只需要做一处代码调整，即可实现Electron打开特定目录并或得绝对路径。 也即是将隐藏的input标签，进行2个属性的添加，原来的标签为 <div> <input type="file" class="form-control btn-block" placeholder="" readon
Electron app.getPath() 路径含义和示例
不会java的java程序员
04-12 1744
关于Electron中app.getPath(name: string): string各参数的说明以及示例。
Electron踩坑之缺少path.txt
suibianlasa的博客
03-25 2407
当安装了Electron 8.2.0 到项目中准备打包时，错误提示 > your-app@1.0.0 start D:\electron\demo > electron . D:\electron\demo\node_modules\electron\index.js:14 throw new Error('Electron failed to install corr...
Electron学习之旅5，dialog模块，path模块取文件名，Menu模块，元素contains以及类名contains，data-*存储信息，hooks存在数据闭包
qq_40196738的博客
12-01 532
Dialog模块 1、dialog.showOpenDialog
electron如何设置html里面的绝对目录
weixin_42613018的博客
01-13 187
在 Electron 中，可以使用 "file:" 协议来访问本地文件。例如，在 HTML 中设置图片的 src 为 "file:///C:/path/to/image.png" 即可访问本地的图片文件。 你也可以通过使用 node.js 模块中的 path 或者 __dirname 变量来获取文件的绝对路径,然后再将其转成 file:// 协议。 例如： <img src="file:/...
【记录】electron+vue3+vue-cli得到文件的绝对路径
m0_54030706的博客
03-13 1706
electron+vue3+js获取文件绝对路径
【electron】 vite + electron-builder 打包配置
军火库
09-21 2822
整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。有需要的小伙伴，可以点击文末卡片领取这份文档，无偿分享部分文档展示：文章篇幅有限，后面的内容就不一一展示了有需要的小伙伴，可以点下方卡片免费领取。
electron桌面壁纸功能
06-13
Electron是一个开源框架，用于构建跨平台的桌面应用程序，它基于Chromium浏览器引擎和Node.js运行时。在Electron中，你可以很容易地处理桌面环境的各个方面，包括设置壁纸。为了实现桌面壁纸的功能，你可以利用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值