从开发的角度来看, Electron application 本质上是一个 Node. js 应用程序。 应用启动的入口是一个与 Node.js 模块相同的 package.jsonyour-app/ ├── package.json ├── main.js └── index.html为你的新Electron应用创建一个新的空文件夹。 打开你的命令行工具,然后从该文件夹运行
转载 9月前
131阅读
electron中进行使用 ipcMain 和 ipcRenderer 模块,通过开发人员定义的“通道”传递消息来进行通信。 新的版本中electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时,上下文隔离方式使用起来更加方
1.安装并启动electron项目git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm start2.修改index.html文件,加入<webview src="https://www.baidu.com" partition="persist:g
之前,我们知道了如何快速将一个web项目转化为桌面端应用,同时也知道了针对某些行业如何添加副屏。不过,在有些场景下,可能需要通过Electron获取一些桌面端(系统)信息,传递给网页,或者副屏需要需要接收主屏传过来的数据等等场景,此时,我们就需要通过通信解决。1、以前以前,通过 Electron 构建的构建的项目,会在网页环境中提供 require 函数,用来加载 electron 的一些模块,进
# Electron中使用Axios请求数据 在开发Electron应用程序时,我们经常需要从远程服务器获取数据。而Axios是一款流行的用于发起HTTP请求的库,它简化了与服务器通信的过程。本文将介绍如何在Electron中使用Axios请求数据。 ## 安装Axios 在开始使用Axios之前,我们需要先安装它。打开终端并执行以下命令: ```bash npm install axi
原创 7月前
457阅读
一. remote模块有时候,我们需要在渲染的窗口中打开新的窗口,也就需要在渲染进程中使用主进程中的方法.当我们知道了Electron有主进程和渲染进程后,我们还要知道一件事,就是Electron的API方法和模块也是分为可以在主进程和渲染进程中使用。那如果我们想在渲染进程中使用主进程中的模块方法时,可以使用Electron Remote解决在渲染和主进程间的通讯。 const btn = th
Electron 桌面应用有两个进程,分别为主进程和渲染进程。一、主进程和渲染进程介绍主进程(Main Process)应用启动时,会创建个主进程一个应用有且只有一个主进程只有主进程可以进行 GUI 的 API 操作,即调用 Native APIs 渲染进程(Renderer Process)Windows 中展示的界面通过渲染进程表现,DOM 操作,node js一个应用可以有多个渲染进程要通过
electron渲染进程与主进程之间的通信 上一篇讲了使用electron进行打包的配置相关文件,这篇主要讲electron中很重要的通信方式. 首先解释一个概念: electron打包的应用包含两个部分electron的环境(node),也就是主进程.web渲染环境,副进程.这两个环境之间是相互隔离的,无法直接进行数据通信,所以有了这篇文章.
**Electron** 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 `Chromium` 和 `Node.js` 到 二进制的 `Electron` 允许您保持一个 `JavaScript` 代码代码库,支持跨平台,一套代码可同时打包为Windows、macOS、Linux应用。 而 **Post-Tool** 就是基于
转载 8月前
130阅读
因为 Electron 的源在国外,如果我们直接使用 npm 进行安装,由于众所周知的原因,如果你没有一个好的梯子,通常下载速度只有几 k 到十几 k的速度。如图:运气非常好时,可能能跑到100多k。而这个包有差不多 50MB,可想而知,如果是以几k的龟速,不知道要下载到猴年马月。反正有一次晚上项目更新,由于我之前把它玩坏了,需要全部重新下载,然后启动项目的
The File Open DialogElectron不使用文件API,正如web应用一样,我们结合使用会话模块和Node的FS模块来完成文件操作。显示文件打开会话的基本方法是dialog.showOpenDialog。 首先将index.html的<body>中加入:<button id="select-directory">Choose a directory<
重大变化此处将记录重大更改,并在可能的情况下(至少在进行更改之前)至少在一个主要版本中向JS代码添加弃用警告。 重大变化的类型本文档使用以下约定对重大更改进行分类:更改了API :对API进行了更改,以确保未更新的代码会引发异常。行为已更改:Electron的行为已更改,但未必会引发异常。默认值已更改:取决于旧默认值的代码可能会中断,不一定会引发异常。可以通过显式指定值来恢复旧的行为。不
转载 2月前
79阅读
## 实现 Electron Axios ### 介绍 Electron 是一个用于构建跨平台桌面应用程序的开源框架。Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。在 Electron 应用中,我们可以使用 Axios 来进行网络请求。本文将介绍如何在 Electron 中使用 Axios 进行网络请求。 ### 整体流程 下面是使用 Elec
原创 8月前
170阅读
electron分为两个进程,main和renderer进程 在main主进程中, index.js就是主进程的进程js 在renderer渲染进程中 renderer进程下目录及作用 assets:放置静态资源,如图片,视频,静态配置 common:放置静态js,如页面需要的公共功能 commponents:放置vue页面 router:放置页面路由 store: 放置公共模块,如vuex1.B
转载 2月前
599阅读
这一章虽然比较硬核,但大部分都是高中物理学过的知识 并且对于高中熟知的一些公式 (电压/电流有效值) 之类的将会给出推导 (毕竟现在会积分了),所以还是很值得学习的一 part原子 AtomAll MATTERS are made of atoms.电子 electron: negatively charged atomic particles质子 proton: positively charg
electron-vue应用程序更新功能实现 文章目录electron-vue应用程序更新功能实现前言一、使用步骤1.引入安装electron-updater2.package.json文件build属性下添加publish属性3.主进程文件夹main目录下创建update.js 存放更新相关事件4.update.js同级目录下也创建app-update.yml文件5.主进程index.js中引入
1. Electron 发展现状2020年5月SpaceX发射的Dragon 2载人航天飞船,使用了Chromium和JavaScript来构建用户界面。消息一出,立即引起了技术界的热烈关注,一个Web框架被使用到对效率和可靠性要求极高的航天应用场景,一方面反映了SpaceX在技术领域的敢于突破传统的实干精神,同时也把两个跨领域的技术:桌面客户端和Web技术栈的完美结合案例带入了大众的视野。&nb
# Electron Axios 下载实现步骤 ## 1. 概述 在本文中,我将向你展示如何在 Electron 中使用 Axios 实现文件下载。Axios 是一个基于Promise的HTTP客户端,可用于浏览器和Node.js中发送HTTP请求。 在本教程中,我将指导你完成以下步骤: 1. 创建一个 Electron 项目; 2. 安装并配置 Axios; 3. 实现文件下载功能。
原创 8月前
104阅读
## Electron 配置 AxiosElectron 应用程序中使用 Axios 可以方便地进行 HTTP 请求Axios 是一个基于 Promise 的 HTTP 客户端库,可以用于浏览器和 Node.js 环境。在本文中,我们将介绍如何在 Electron 中配置和使用 Axios,并提供一些示例代码。 ### 准备工作 在开始之前,确保已经安装了 Node.js 和 Ele
原创 2023-08-31 08:29:54
878阅读
# Electron Vue Axios: 使用Vue和Axios构建Electron应用 ## 导语 在本文中,我们将介绍如何使用Electron、Vue和Axios构建跨平台的桌面应用程序。我们将学习如何使用Electron框架创建桌面应用程序,使用Vue.js构建用户界面,以及使用Axios从后端API获取数据。 ## 目录 - 什么是Electron? - 什么是Vue.js? -
原创 2023-08-25 13:33:49
207阅读
  • 1
  • 2
  • 3
  • 4
  • 5