引子最近部门在推进 electron base 的 app 开发。 之前我们采用 electron-builder 做构建，但是由于它不支持客制化 file description，所以我的一个同事开发了一个支持 file description 的程序（包装了 electron-packager）来取代之前的配置（其实我觉得提一个 requet 给 electron-builder 会更好）。后
electron学习教程1.介绍2.五分钟快速上手2.1 先创建index.html文件2.2 再创建main.js文件2.3 再安装electron2.2 配置为入口文件2.5 运行3.自动刷新页面4.主进程和渲染进程5.自定义原生菜单5.1 自定义菜单5.2 给菜单定义点击事件5.3 抽离定义 打开调试5.4 自定义顶部菜单 支持拖拽5.5 点击创建新窗口5.6 点页面打开外部浏览器6 打开
转载
2024-06-12 10:36:43
140阅读
electron基于Chrome进行页面显示，利用node与系统底层进行交互。所以，学习一些node相关知识，对写好代码很有必要。首先讲一下require模块。1 require模块 1.1模块引用模块引用的示例代码如下：var math = require('math');
var math = require('math');在CommonJS规范中，存在require()方法，这个方法接收
转载
2024-09-02 08:44:23
54阅读
前面的话Electron可以让我们使用web开发的技术去开发跨平台的桌面端应用，我们熟悉的VSCode编译器就是使用Electron开发的。这篇文章介绍如何将Electron接入webpack。主进程启动一个electron应用从一个主进程开始。主进程的启动通过一个JavaScript入口文件实现的。主进程启动后会一直驻留在后台运行，我们操作的窗口并不是主进程，而是由主进程新启动的窗口子进程每一个
转载
2024-07-26 15:30:49
365阅读
Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行1、环境安装及检查（Node.js 和 npm）命令检查node -vnpm -v2、安装Electron进入项目文件夹后输入命令或直接命令行创建文件夹并进入mkdir my-electron-app &
转载
2024-01-28 02:28:11
785阅读
总篇43篇 2019年第17篇背景公司去年对 CDN 资源服务器进行了迁移，由原来的通过 FTP 方式的文件存储改为了使用 S3 协议上传的对象存储，部门内 @柴俊堃 同学开发了一个命令行脚本工具 RapidTrans(睿传)，使用睿传可以很方便将本地目录下的资源上传到 S3 中。睿传运行时接收两个主要参数，
转载
2024-06-06 12:01:13
252阅读
最近意外发现了这个框架,从这框架的说明和我的实践来看,确实是以后 PC 端的主流框架, 大家都知道 electron 的唯二缺点: 1. 性能较差 2.包的尺寸太大.下面给出使用 tauri 的理由tauri 介绍以下介绍来自官方说明:为什么使用 tauri原始Tauri应用程序的打包大小小于3 MB，比Electron的大小小140 MB。内存占用小于使用相同代码库构建的Electron应用程序
目录一 .Electron模块介绍二.remote模块三.remote调用BrowserWindow打开新窗口四.Content- Security-Policy一 .Electron模块介绍分为主进程模块和渲染进程模块，有些模块既是主进程模块又是渲染进程模块。官方api文档戳这里二.remote模块remote模块提供了一种在渲染进程(网页)和主进程之间进行进程间通讯(IPC) 的简便途径。 E
如何打包资源只想写个图形小工具，本质上还是调用写好的 java 程序，因为我觉得在命令行里面来回切目录，复制路径等操作实在是太麻烦了。那么我现在已经搞定了如何从 electron 的 js 事件里获得文件路径，我也搞定了如何在 electron 的 main.js 里面创建新的进程执行指令，那么如何使用到打包好的 jar 包或者其他资源呢？直接看下 packages.json 里面吧。{
"nam
转载
2023-11-02 09:46:25
361阅读
客户需求，要求vue做一个桌面应用，很久没碰vue了，这里简单记录下。我是用Hbulider X 创建的vue项目，electron打包vue项目为桌面应用。目录结构：打包之前需要简单创建几个vue界面，同时安装axios和router，让页面可以正常跑起来。main.jsimport Vue from 'vue';
import App from './App.vue';
import VueR
[转载]使用electron构建跨平台Node.js桌面应用经验分享最近，把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件，使用的是electron，这里简单分享一下使用electron的一些经验和心得。一、如何使用electron把基本的开发环境给跑起来？我是这么处理的，electron官方提供了一个名为“electron-quick-start”的示例项目，地址
准备工作所有的工作都是在vue项目根目录下进行 vue项目下执行npm run build打包生成dist文件夹备用一、安装electron在vue项目目录下执行命令安装npm install --save-dev electron二、编写应用程序main.js在vue项目目录下创建main.js，代码如下const { app, BrowserWindow, Menu } = require('
写在前面：大家好K。首先为你点进这篇有趣的文章点赞?！文章在撰写过程中难免有疏漏和错误，欢迎你在下方留言指出文章的不足之处；如果觉得这篇文章对你有用，也欢迎你点赞和留下你的评论。 文章目录1. npm config命令 与 ~/.npmrc文件2. npm换源3. 添加electron镜像地址 你一定会发现了用npm install安装electron很慢，看看如何解决这个问题吧1.
# 如何实现 Electron 支持 Android
## 引言
随着跨平台应用开发的普及，Electron 已成为开发桌面应用的重要框架。然而，Electron 原本并不直接支持移动平台，尤其是 Android。本文将引导你通过一系列步骤实现 Electron 应用在 Android 设备上的支持。
## 实现流程
以下是实现 Electron 支持 Android 的基本流程：
|
在现代应用开发中，使用 Electron 为前端开发提供丰富的跨平台能力，而当我们尝试将 Electron 应用打包到 Android 平台时，会遇到许多技术挑战。本文将通过各类技术策略，清晰地记录下整个流程，包括备份策略、恢复流程、灾难场景、工具链集成、监控告警及扩展阅读等内容。
## 备份策略
为了确保应用可持续性，我制定了详尽的备份策略。我们会使用甘特图来计划备份的周期和任务，确保所有关
# Electron 打包 Android
在开发移动应用程序时，我们通常会使用不同的工具和技术来构建和打包我们的应用程序。对于使用 Electron 框架开发的应用程序，我们也可以将其打包为 Android 应用程序，让用户可以在手机上使用。本文将介绍如何将 Electron 应用程序打包为 Android 应用程序。
## Electron 框架简介
Electron 是一个开源的桌面应
原创
2024-04-27 06:19:53
1941阅读
Ionic3 与Electron制作桌面应用 ionic：https://ionicframework.comelectron：https://electron.atom.io ionic是一个混合开发框架，electron是一个开发跨平台桌面应用的框架。此教程包括三个步骤：1. 创建ionic项目，开启服务2. 在项目中添加electron依赖3. 添加webpa
一、配置开发环境安装nodejs，这个网上教程很多二、创建应用1.创建项目文件目录electron-app/
├── package.json
├── main.js
└── index.html2.初始化项目npm init初始化过程中填写相关信息，最终生成的package.json文件{
"name": "electron-app",
"version": "1.0.0",
转载
2023-11-02 16:01:00
277阅读
由于最近工作需求，紧急学习electron相关的技术知识，关于node.js的相关问题，后续会继续更新。【electron】简介及作用：electron的基本组成：Chromium + Node.js + Native API Chromium：Google 的Chrome浏览器背后的引擎，为electron提供了强大的UI能力，不用考虑兼容性的问题，比如可以不用写很多CSS兼容代码； Node.
转载
2023-10-26 13:54:17
354阅读
Electron教程（3）如何打包 electron 程序：electron-forge 的使用教程前言最近自己有个小的需求，是做一个能编
原创
2022-06-30 11:27:20
10000+阅读
1评论
