首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏newbe36524的技术专栏

    Electron 桌面应用如何接入 Microsoft Store 订阅与永久许可证

    Electron桌面应用如何接入MicrosoftStore订阅与永久许可证当你的Electron应用要进MicrosoftStore卖订阅和永久授权,WinRT那一套商业API到底怎么干净地接到业务里 背景HagiCodeDesktop是个Electron应用,通过MicrosoftStore分发。 HagiCode日后若要接入macOS的StoreKit或别的商业化渠道,理论上也只要换一个broker实现,业务层一行都不用动——这大概就是分层的温柔之处吧。 Electron主线程可能早就初始化过COM了。 桌面应用如何接入MicrosoftStore订阅与永久许可证”,更稳妥的推进方式是先把关键配置、依赖边界和落地路径逐步跑通,再补齐优化细节。

    21600编辑于 2026-06-16
  • 来自专栏前端开发随笔

    Electron处理electron:build打包问题

    执行electron:build会出现这个问题 是因为打包时会检测cache中是否有electron 包,如果没有的话会从github上拉去, 国内网络环境中拉取的过程大概率会失败 解决 在项目根目录新增 .npmrc文件 写入 ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新打包就没问题

    2.7K10发布于 2021-11-24
  • 来自专栏CY

    Electron

    Electron .npmrc 安装electron依赖经常会不成功 在项目目录下创建.npmrc文件,设置镜像地址 npm config set strict-ssl false registry =https://registry.npmmirror.com electron-mirror=https://registry.npmmirror.com/mirrors/electron/ 热更新/ 热加载 方案一 安装:npm install electron-reloader --save-dev 在主进程 js 文件 try { require("electron-reloader")(module 再次运行npm run start,仅当index.js内容变化时,就会自动重新执行electron .来重启应用 菜单栏与边框 app.on("ready", () => { mainWindow 在 Electron 中,借助 Tray 模块实现。 //app 模块,控制整个应用程序的事件生命周期。 //BrowserWindow 模块,它创建和管理程序的窗口。

    90720编辑于 2024-04-19
  • Electron——electron-vue使用webworker

    前言 electron-vue框架中,我们如何使用webworker,请看下文; worker-loader: https://v4.webpack.js.org/loaders/worker-loader

    44710编辑于 2024-08-15
  • 来自专栏编程三昧

    使用 electron-builder 打包 Electron 程序

    使用 electron-builder 打包 Electron 程序 [001] 前言 在将 Electron 代码开发完成后,如果想要投入生产环境,那就必须经过很关键的一步——打包。 今天就将 MacOS 上使用 electron-builder 打包 Electron 应用的过程做一个记录。 调试 Electron 主进程代码》中用到的 electron-quick-start 目录 打包步骤 1.安装 electron-builder mkdir electron-builde cd electron-builde yarn init -y yarn add electron-builder -D 这里建议将 electron-builder 安装在单独的目录,方便复用。 /electron-builder/node_modules/.bin/electron-builder • electron-builder version=22.14.5 os=19.6.0

    3.4K20编辑于 2022-01-20
  • 来自专栏小吕

    浅谈electron

    一个 Electron 应用有且只有一个主进程。并且创建窗口等所有系统事件都要在主进程中进行。 使用Electron的API Electron 在主进程和渲染进程中提供了大量 API 去帮助开发桌面应用程序, 在主进程和渲染进程中,可以通过require() 方法将其包含在模块中,以此获取 Electron 引入 electron: const electron = require('electron'); 所有 Electron 的 API 都被指派给一种进程类型。 Electron 中的窗口是使用 BrowserWindow 类型创建的一个实例, 它只能在主进程中使用,如下所示: const { BrowserWindow } = require('electron 这个帮助函数可以使你获得指向系统目录的文件路径,如用户的桌面、系统临时文件 等等 electron - vue https://simulatedgreg.gitbooks.io/electron-vue

    2.9K20编辑于 2022-06-15
  • 来自专栏前端开发随笔

    Electron使用electron-updater自动更新

    electron-updater官方文档 安装electron-log是为了方便本地调试 yarn add electron-updater yarn add electron-log 版本号是根据你的 : 'http://update.xxx.com' 新建一个updater.js,对更新文件进行单独封装 与background.js同级 import { autoUpdater } from "electron-updater " const { dialog, BrowserWindow } = require('electron') const log = require("electron-log") autoUpdater.logger /div> </template> <script setup> import { onMounted, ref } from 'vue'; import { ipcRenderer } from 'electron position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> electron-log

    5.3K10编辑于 2021-12-28
  • 来自专栏一番码客

    electron概述

    http://efonfighting.imwork.net 本文目录: 概述优点:缺点与 Python 前后台的构架对比:环境搭建第一个 electron 程序参考文档 概述 Electron 是基于 由于 VScode 的带动, 基于 Electron 的应用越来越多, 同时 nodejs 社区也持续的活跃. ? production windows-build-tools ● 从 https://code.visualstudio.com/download 下载安装 VScode, 作为开发 IDE 第一个 electron 程序 最简Demo 参考官方文档: https://electronjs.org/docs/tutorial/first-app 一 个 最 简 的 electron 程 序 , 由 package.json

    2.2K30发布于 2019-11-14
  • 来自专栏码客

    Electron启程

    前言 Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 这不意味着 Electron 是某个图形用户界面(GUI)库的 JavaScript 版本。 起步 git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm 一个 Electron 应用总是有且只有一个主进程。 每个 Electron 中的 web 页面运行在它自己的渲染进程中。 主进程管理所有的web页面和它们对应的渲染进程。 分别有以下几种解决方案: 方式一: 使用 Electron 官方论坛提供的方法,改变require的写法。

    6.3K30发布于 2019-10-21
  • 来自专栏pandacode_cn

    Electron 打包

    # electron-packager 打包 命令说明: electron-packager <location of project> <name of project> <platform> <architecture > <electron version> <optional options> location of project:项目所在路径 name of project:打包的项目名字 platform: architecture:决定了使用 x86 还是 x64 还是两个架构都用 (x64,ia32) electron version:electron 的版本 optional options:可选选项 例: electron-packager ./ pandacode --platform=mas --arch=x64 --overwrite

    1.8K10编辑于 2021-12-17
  • 来自专栏友儿

    electron 通知

    // 主进程 main.js const { app, BrowserWindow, Notification } = require('electron') app.on('ready', () =

    67610编辑于 2024-03-27
  • 初识 Electron

    什么是 Electron ? # 克隆示例项目的仓库 git clone https://github.com/electron/electron-quick-start # 进入这个仓库 cd electron-quick-start Electron 的基础特性和使用方法。 ELectron 进程 Electron 的底层是基于 Chromium 而设计的,故有且只有一个主进程 Main Process 和多个渲染进程 Renderer Process,主进程 Main Process 当 main.js 文件修改时,我们都需要关闭当前 electron .

    2.1K82发布于 2020-06-16
  • 来自专栏pandacode_cn

    Electron 介绍

    # 快速入门 本指南将会通过使用Electron创建一个极简的 Hello World 应用一步步的带你了解,该应用与electron/electron-quick-start (opens new npm Yarn mkdir my-electron-app && cd my-electron-app yarn init init初始化命令会提示您在项目初始化配置中设置一些值 为本教程的目的,有几条规则需要遵循 npm Yarn yarn add --dev electron 注意:如果您在安装 Electron 时遇到任何问题,请 参见 高级安装 (opens new window) 指南。 command 注意:此脚本将告诉 Electron 在您项目根目录运行 此时,您的应用将立即抛出一个错误提示您它无法找到要运行的应用 # 运行主进程 任何 Electron 应用程序的入口都是 main electron -g 使用cnpm安装electron-packager cnpm install electron-packager -g

    3.4K10编辑于 2021-12-17
  • 来自专栏友儿

    electron app模块

    我们可以使用app.on() 方法监听事件, 比较常见的事件有: ready:当 Electron 完成初始化并准备好创建浏览器窗口时触发。 const { app, BrowserWindow } = require('electron') app.on('ready', () => { console.log('应用程序初始化已完成 你可以根据自己的需求查阅 Electron 的官方文档来了解更多关于 app 模块的方法和详细用法。

    70010编辑于 2024-03-27
  • 来自专栏漫流砂

    sandbox | Electron 安全

    0x01 简介 大家好,今天跟大家讨论的内容是 sandbox, sandbox 是一项 Chromium 的功能,它使用操作系统来显著地限制渲染器进程可以访问的内容,在 Electron 中,限制的方面还要包括 具体 Chromium 的沙盒技术细节可以参考上面提到的文章,内容较为详细 0x03 Electron 沙盒 在 Electron 中沙盒进程大部分地表现都与 Chromium 差不多, 但因为介面是 ,尽量不要在沙盒中渲染不受信任的内容 0x04 sandbox 历史 Electron 3.0 允许在沙盒化的渲染进程中使用 webview Electron 6.0 混合沙盒默认启用 此时开始,sandbox 显式地设置为 true 后,Preload 不可以执行危险的 Node.js API Electron 20.0 默认情况下会对渲染器进行沙盒化 此时开始,默认情况下 Preload 不可以执行危险的 pwd=xcec Github https://github.com/Just-Hack-For-Fun/Electron-Security

    2.5K10编辑于 2024-05-08
  • 来自专栏码客

    Electron托盘图标

    Electron托盘图标 添加引用 const {app, Menu, Tray} = require("electron"); const path = require("path"); 设置托盘图标及菜单

    3.2K10发布于 2021-02-23
  • 来自专栏漫流砂

    CSP | Electron 安全

    这些攻击可能造成数据盗取、网站内容污染、恶意软件分发等 CSP 是一种类似白名单机制,它并不是局限于 Electron ,它是一项 Web 相关协议的策略,你可以通过CSP 配置允许从哪些地方执行 JavaScript websec.readthedocs.io/zh/latest/vuln/xss/csp.html https://www.ruanyifeng.com/blog/2016/09/csp.html 0x03 Electron tutorial/security#7-content-security-policy%E5%86%85%E5%AE%B9%E5%AE%89%E5%85%A8%E7%AD%96%E7%95%A5 在 Electron 策略的网站,它们也有对应的浏览器插件 https://csp-evaluator.withgoogle.com/ 输入 CSP 策略字符串或目标URL 即可 浏览器插件更好用一些 0x06 总结 在 Electron pwd=q318 Github https://github.com/Just-Hack-For-Fun/Electron-Security

    3.2K10编辑于 2024-04-28
  • 来自专栏pandacode_cn

    Electron框架 打包

    1. electron-packager 打包 命令说明: electron-packager <location of project> <name of project> <platform> <architecture > <electron version> <optional options> location of project:项目所在路径 name of project:打包的项目名字 platform:确定了你要构建哪个平台的应用 architecture:决定了使用 x86 还是 x64 还是两个架构都用 (x64,ia32) electron version:electron 的版本 optional options:可选选项 例: electron-packager ./ pandacode --platform=mas --arch=x64 --overwrite

    46000编辑于 2023-07-17
  • 来自专栏书山有路勤为径

    electron-ssr

    客户端下载地址:https://github.com/qingshuisiyuan/electron-ssr-backup/releases/download/v0.2.6/electron-ssr-0.2.6 apt-get install libssl-dev sudo apt-get install libsodium-dev 开始安装 cd Download sudo dpkg -i *.deb 运行软件 electron-ssr

    13.7K10发布于 2020-02-13
  • 来自专栏dmhsq_csdn_blog

    uniCloud+uni-admin+electron实现 electron应用更新

    uniCloud+uni-admin+electron实现 electron应用更新 搭建视频地址 https://www.bilibili.com/video/BV1u3411p7Qd? spm_id_from=333.999.0.0 从 https://gitee.com/dmhsq/react-ts-vite-electron 的仓库代码开始搭建 两种更新方式 1.资源替换 (还可以更换成其它框架开发打包的 关闭应用时 替换资源包 再次打开为新的 安装包模式 为下载安装包并弹出资源管理器标记安装包 资源替换效果如下 原本react-ts开发的我们替换成了 vue开发的 其实只是替换了asar资源包 可以用 纯electron 项目 无论你用的什么框架开发的electron的web业务 都可以使用 只和 package.json和electron node 相关 以我的项目为示例 checkVersion.js和 main.js '); const path = require('path'); const isDev = require('electron-is-dev'); const { checkVersion, getFile

    2.1K50编辑于 2022-03-20
领券