tag electron

標籤
貢獻20
72
11:59 PM · Oct 26 ,2025
tuzixiansen_63d4d65909d62 頭像 tongbo 頭像 gqkmiss 頭像 gaiya_68f1e7ba5b140 頭像 tosmile 頭像 iapplus 頭像 wallace5303 頭像 jueqiangderijiben_xuc2 頭像 sysu_xuejia 頭像 jwchan1996 頭像 u_16213655 頭像 u_16213573 頭像

@electron / 博客 RSS 訂閱

gundy 頭像

Gundy - 告別命令行！我用 Electron + React 開發了一款 FFmpeg 可視化工具

告別命令行！我用 Electron + React 開發了一款 FFmpeg 可視化工具 視頻處理不應該這麼複雜。FFmpeg Studio 讓每個人都能輕鬆處理視頻和音頻。 前言 作為開發者，我們經常需要處理視頻和音頻文件：轉換格式、裁剪片段、提取音頻、添加水印…… 雖然 FFmpeg 是最強大的多媒體處理工具，但它的命令行參數讓很多人望而卻步： ffmpeg -i input.mp4 -ss

electron , 後端 , 前端

收藏 評論

jueqiangderijiben_xuc2 頭像

老李説技術 - Electron 應用自動更新方案：electron-updater 完整指南

1. 概述 electron-updater 是 Electron 社區廣泛採用的自動更新解決方案，通常與 electron-builder 配合使用。該庫封裝了跨平台的更新邏輯（支持 macOS、Windows、Linux），並通過事件回調機制讓主進程能夠在不同更新階段向用户提供反饋或自動執行安裝操作。 核心特性： 提供完整的更新流程 API（autoUpdater），包括檢查更新、下載更新

教程 , electron , Javascript

收藏 評論

gaiya_68f1e7ba5b140 頭像

蓋亞 - electron-build報錯:cannot find module/ valid " main " entry

解決electron-build打包後運行app報錯:cannot find module xxx/ Please verify that the package . json has a valid " main " entry 先看一個簡單報錯： 或者類似這種： 解決方法： 檢查package. Json中是否寫了“main”，這裏的“main”必須寫，且應當使用npm指令build的di

vue.js , electron , typescript , 前端 , Javascript

收藏 評論

gaiya_68f1e7ba5b140 頭像

蓋亞 - 解決electron+Vue(Vite)：ERR _CONNECTION_REFUSED

解決用electron打包Vue工程(Vite)報錯electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED Background: 生產環境通過 Electron 直接加載本地文件系統中的靜態資源 注：node後的狀態碼不重要 明明前端工程可以運行，後端連接也沒問題，為什麼打包完成後總是連不上網址？

vue.js , electron , typescript , npm , Javascript

收藏 評論

zhuweitao 頭像

朱偉濤 - 【Electron】在linux系統，打包出 windows 上運行的 exe 應用

場景 同一套代碼，需要打包出N個客户端，主題色，logo，應用名都不同。 具體流程 1. Linux 系統部署electron_wine的docker electron-builder 默認情況下，windows的應用程序只能在windows去打包。如果想要在linux 環境下打包出運行於windows的應用程序，需要依賴 wine 。 electron-builder 官方有提供出 wine 的

electron-builder , electron , Linux

收藏 評論

tongbo 頭像

牙小木木 - electron 監聽鼠標雙擊事件

iohook依賴太麻煩了，不是重新編譯就是降級。我覺得我hold不住。 發現了這個： 在Electron主進程中使用uiohook-napi插件需要結合Electron的主進程生命週期和原生模塊特性。 主要也是通過手動編譯原生模塊：npx electron-rebuild -f -w uiohook-napi或者是在package.json中設置 "scripts": {

electron

收藏 評論

tongbo 頭像

牙小木木 - electron 主進程和渲染進程通信的三種方式及使用場景

在 Electron 中，send/on、sendSync 和 invoke/handle 是三種不同的進程間通信 (IPC) 機制，它們的區別主要體現在同步性、API 設計和使用場景上。 與 Chromium 相同，Electron 使用進程間通信（IPC）來在進程之間進行通信： ipcMain 是一個僅在主進程中以異步方式工作的模塊，用於與渲染進程交換消息。 ipcRenderer 是一

electron

收藏 評論

gqkmiss 頭像

月恆 - Electron 開發：獲取當前客户端 IP

Electron 開發：獲取當前客户端 IP 一、背景與需求 1. 項目背景 客户端會自啓動一個服務，Web/後端服務通過 IP + port 請求以操作客户端接口 2. 初始方案與問題 2.1. 初始方案：通過代碼獲取本機 IP /** * 獲取局域網 IP * @returns {string} 局域網 IP */ export function getLocalIP(): string

node.js , ip地址 , electron , 前端

收藏 評論

gqkmiss 頭像

月恆 - Electron 客户端項目自啓動

app.setLoginItemSettings 與 auto-launch 對比分析 一、穩定性對比 1. app.setLoginItemSettings 優點：作為Electron官方API，有官方維護和支持 缺點： 在某些Windows版本上存在已知問題 部分Windows 10/11更新後可能失效 在macOS權限更嚴格的版本上可能需要額外授權

electron-builder , electron , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron打包報錯errorOut=ERROR: Cannot create symbolic link

這種打包報錯實際上是缺少對應文件，由於electron在打包時會下載資源，有些資源需要科學上網，所以正常打包網速過慢會導致資源丟失。 像上圖報錯，很明顯是丟失winCodeSign-2.6.0資源，所以我們需要去下載對應資源 資源下載鏈接：https://github.com/electron-userland/electron-builder-binaries/release

react , vue.js , electron , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron打包報錯-image格式問題(.ico報錯)

這種報錯是ico資源文件出錯導致的，可以看看gitHub對此問題的解釋：https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對，看起來資源文件後綴是.ico實際上是png格式，你有可能是在一些網站將png轉換為ico，它沒有被正常的轉換為ico，只是將資源文件的後

react , vue.js , electron , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue項目打包electron-將已有web項目打包為桌面端

當你需要將一個vue項目打包成electron時，只需要正常的安裝electron依賴、electron-builder依賴，正常的配置好主進程、預加載腳本、渲染進程即可。 依賴安裝 這裏默認你已經寫好了一個vue項目，腳手架為vite，然後需要打包成electron。 安裝electron pnpm add -D electron 安裝electron打包依賴 pnpm install e

react , vue.js , electron , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron-builder打包配置説明

我們一般使用electron-builder對electron項目進行打包，在package.json中配置打包的詳細操作 pnpm install electron-builder -D package.json中的詳細字段解釋： "build": { "appId": "your.id", // 應用的唯一ID "productName": "YourProductName"

react , vue.js , electron , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 原生electron起步-從零到一完成構建和打包

官網：https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案：https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi

react , vue.js , electron , 前端 , Javascript

收藏 評論

shenyongweiwudemaozi 頭像

sAkuraOfficial - 記錄react+electron開發單頁應用SPA遇到的路由問題

遇到的問題 在electron-vite提供的開發服務器中，electron能正常顯示頁面中的路由並能正常跳轉. 而在build打包後，雙擊運行electron應用，路由失效，顯示空白頁面 排查BUG 閲讀了腳手架為我生成的主函數代碼： // HMR for renderer base on electron-vite cli. // Load the remote URL for

react , vite , electron , router

收藏 評論

tosmile 頭像

浪遏飛舟 - 如何將iframe封裝成一個組件

背景 在使用 Electron 桌面應用時，有時我們需要將其他平台上的業務頁面嵌入到桌面應用中，以便快速滿足業務需求。 這種需求的優勢在於可以重用已有的業務頁面，無需重新開發桌面應用的界面和功能，從而節省時間和資源。通過將其他端的業務頁面嵌入桌面應用中，我們可以快速將現有的功能和用户界面帶入桌面環境，提供一致的用户體驗。 雖然 Electron 框架提供 webview 標籤來幫助我們嵌入其他端的

iframe , webview , electron

收藏 評論

tongbo 頭像

牙小木木 - electorn的不同窗口對localstorage的狀態更新的同步

electron的不同窗口（渲染進程）之間，如果想要同步localstorage中的狀態，只用pina+computer可以實現嗎？還是需要依賴electron的主進程廣播方式給不同的窗口，窗口通過監聽對應的channel來改變狀態？ 比如我有homepage和dailpage兩個頁面。想對其中一個選項進行雙向同步。如何實現呢？ 一種常見的做法是： 每個渲染進程，結合pinna來管理狀態，且

vue.js , pinia , electron , electron-store

收藏 評論

xutongbao 頭像

徐同保的博客 - electron打包項目

安裝要求安裝python 並配置環境變量 按照打包時的報錯提示鏈接收到下載壓縮包 解壓後放到對應的位置 本文包含：--> -->

後端開發 , electron , 壓縮包 , harmonyos , 前端 , Javascript , Python

收藏 評論

csh_716 頭像

多走幾步 - Docker打包Electron項目在windows平台中的應用程序

本文介紹如何使用Dockerfile構建 使用electron-forge打包供windows平台使用的應用程序 的鏡像。 腳本流程 有關electron的安裝打包可見：https://segmentfault.com/a/1190000044220778 結果：獲取 使用docker打包供windows平台使用的Electron應用的 鏡像。 設置環境變量 切換apt-get源 安裝應

dockerfile , electron , Ubuntu

收藏 評論

u_16213594 頭像

mob64ca13fae001 - electron-vue前端開發桌面應用（一）——入門

引言 大家好！作為一名前端開發者，你是否曾經想過將你的 Vue 應用打包成桌面應用？今天我要分享的是使用 Electron 將 Vue 應用轉換為桌面應用的完整實戰經驗。從項目搭建到最終上線，我會詳細介紹每個步驟，包括一些實用的自動化腳本和最佳實踐。 需求背景 在開發過程中，我們經常遇到這樣的場景： 需要將 Web 應用

vue.js , 桌面端 , Vue , electron , 前端開發 , 桌面應用 , Javascript

收藏 評論

u_16213573 頭像

數據探索家 - 前端- Vite+Electron快速構建一個VUE3桌面應用 - 個人文章

1. Electron 背景介紹 Electron 是一個開源框架，由 GitHub 開發（最初為 Atom 編輯器 項目構建），允許開發者使用 Web 技術（HTML、CSS、JavaScript） 構建 跨平台桌面應用程序。 1.1 起源與發展 2013年：最初名為 Atom Shell，是 GitHub 為其代碼編輯器

虛擬化 , 雲計算 , API , electron , 前端 , Javascript , Web

收藏 評論

tongbo 頭像

牙小木木 - Cannot find package 'electron-store' imported from

問題現象 electron build成功之後，執行安裝包報錯： 19:55:13.550] [error] Failed to initialize application: Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'electron-store' imported from C:\Program Files\kuaibotong\re

electron , electron-store

收藏 評論

gqkmiss 頭像

月恆 - Electron 客户端心跳定時任務調度庫調研文檔 - Node.js 任務調度庫技術調研文檔

Electron 客户端心跳定時任務調度庫調研文檔 - Node.js 任務調度庫技術調研文檔 本文將對七個流行的定時任務調度庫：node-cron、rxjs、bull、node-schedule、agenda、bree、cron。這些庫都可以用來處理定時任務，但它們的特點和適用場景有所不同。我們將從以下幾個方面進行詳細對比： 功能 優缺點 使用場景 簡易度 下載使用量

定時任務 , node.js , electron , 前端 , Javascript

收藏 評論

code4world 頭像

碼上世界 - 麒麟操作系統 (kylinos) 從入門到精通 -開發環境 - 第79篇 使用deskreen將麒麟屏幕實時同屏

0.基礎環境 類別：筆記本 型號：中國長城 NF14C 硬件平台：飛騰處理器FT2000（ArmV8 指令集） 系統：銀河麒麟操作系統 V10 SP1(2303) 關鍵詞： 信創,麒麟系統,linux,飛騰,arm,aarch,arm64,airplay,miracast,屏幕鏡像,dlna,同屏,deskreen,webrtc 1.背景 在教室等機房環璄中，

airplay , electron , Linux , webrtc , 鏡像

收藏 評論