4.2 创建一个 react 项目 # 安装 create-react-app 命令,如果已将安装请忽略 npm install -g creat...
首先,我们需要在一个常规的React项目中,安装electron,为了使我们功能代码部分和electron窗口部分更清晰,我们可以在项目的根目录新建一个desktop文件夹,专门用来存放electron部分代码和资源。目录结构大概如图所示: 我们cd desktop到desktop文件夹下,执行npm init -y初始化包管理器,然后安装electron相关包: electron:electron...
这是上篇。 这个系列主要是讨论Electron以及Webview2,跨平台桌面开发当然还有QT,React NativeDesktop,Jetpack compose Desktop以及Tauri等选择,这些技术都有可圈可点之处。但本系列还是专注于Electron以及WebView2这两个跨平台实现的一些对比。 趋势,Electron应用在增加 我认为相当一部分人,包括一些程序员,都没有意识到一...
一个框架的诞生避免不了与同类型的框架对比,下面是一个对比表格,展示了 Electron 与其他流行的跨端桌面应用开发框架(如 NW.js、Proton Native、Tauri 和 Flutter Desktop)的优缺点和特性: 结语 Electron 是一个强大的跨平台开发框架,其诞生对前端开发者的意义非常大,让很多从事前端的开发者也有机会开发桌面客户...
:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS - electron/docs at v33.0.2 · electron/electron
electron-react-boilerplate A boilerplate for scalable cross-platform desktop apps. electron-react-redux-boilerplate A minimal boilerplate to get started with Electron, React and Redux. electron-boilerplate A minimalistic yet comprehensive boilerplate application. Vue CLI 3 plugin for Electron A Vue ...
这是一个 XSS To RCE 漏洞,主要是对于 webview 标签时处理不当导致在某些禁用 Node.js 集成的 Electron 应用程序中重新启用 Node.js 环境。 简单来说就是新创建窗口本来应该是继承父窗口的部分属性设置,如果父窗口设置了 nodeIntegration: false,则新创建的子窗口也是一样,但是在处理 webviews 时出现了问题,导...
:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS - electron/docs at v7.2.1 · electron/electron
renderProcess中可以使用任何你想用的架构,企业云盘采用的是react+redux+router结构 企业云盘开发环境中采用localhost:3000的实时编译调试模式,发包时采用file协议 mainProces: 数据库采用nodejs库 nedb(mainProcess/database) 数据文件存储在应用数据下的.clouddiskdata,刚开始采用的是mongodb,后来打包发现太大,多40多M...
app.addRecentDocument(/Users/USERNAME/Desktop/work.type); 或者你也可以使用 app.clearRecentDocuments API 来清空最近文件列表。 1. app.clearRecentDocuments(); Windows 需注意 本文档使用 书栈(BookStack.CN) 构建 - 36 - 桌面环境集成 为了这个特性在 Windows 上表现正常,你的应用需要被注册成为一种文件...