第8章：Electron 剪贴版和消息通知
在本章中，我们将介绍如何在Electron应用中与操作系统进行集成。这些操作包括剪贴板操作、通知系统、原生对话框等功能。
8.1 剪贴板操作
Electron 提供了 clipboard 模块，允许我们在应用中访问和操作剪贴板内容。以下是一些基本的剪贴板操作示例。
8.1.1 复制文本到剪贴板
我们可以使用 clipboard.writeText 方法将文本复制到剪贴板。
主进程代码：
const { app, BrowserWindow, ipcMain, clipboard } = require('electron');
const path = require('path');let mainWindow;const createMainWindow = () => {mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {preload: path.join(__dirname, 'preload.js'),contextIsolation: true,nodeIntegration: false}});mainWindow.loadFile('index.html');mainWindow.webContents.openDevTools();mainWindow.on('closed', () => {mainWindow = null;});
};app.on('ready', createMainWindow);
app.on('window-all-closed', () => {if (process.platform !== 'darwin') {app.quit();}
});
app.on('activate', () => {if (mainWindow === null) {createMainWindow();}
});// 处理剪贴板复制请求
ipcMain.handle('copy-to-clipboard', (event, text) => {clipboard.writeText(text);return { success: true };
});
预加载脚本（preload.js）：
const { contextBridge, ipcRenderer } = require('electron');contextBridge.exposeInMainWorld('electronAPI', {copyToClipboard: (text) => ipcRenderer.invoke('copy-to-clipboard', text)
});
渲染进程代码：
<!DOCTYPE html>
<html>
<head><title>Clipboard Example</title>
</head>
<body><h1>Clipboard Example</h1><input type="text" id="textInput" placeholder="Enter text to copy"><button id="copyButton">Copy to Clipboard</button><script>document.getElementById('copyButton').addEventListener('click', async () => {const text = document.getElementById('textInput').value;const result = await window.electronAPI.copyToClipboard(text);if (result.success) {alert('Text copied to clipboard!');}});</script>
</body>
</html>
8.1.2 从剪贴板读取文本
我们可以使用 clipboard.readText 方法从剪贴板读取文本。
主进程代码：
ipcMain.handle('read-from-clipboard', () => {const text = clipboard.readText();return { success: true, text };
});
预加载脚本（preload.js）：
contextBridge.exposeInMainWorld('electronAPI', {readFromClipboard: () => ipcRenderer.invoke('read-from-clipboard')
});
渲染进程代码：
<!DOCTYPE html>
<html>
<head><title>Clipboard Example</title>
</head>
<body><h1>Clipboard Example</h1><button id="pasteButton">Paste from Clipboard</button><p id="pastedText"></p><script>document.getElementById('pasteButton').addEventListener('click', async () => {const result = await window.electronAPI.readFromClipboard();if (result.success) {document.getElementById('pastedText').innerText = result.text;}});</script>
</body>
</html>
8.2 通知系统
Electron 提供了 Notification 接口，允许我们在应用中发送系统通知。以下是一些基本的通知示例。
8.2.1 发送基本通知
我们可以使用 new Notification 方法来发送一个基本通知。
渲染进程代码：
<!DOCTYPE html>
<html>
<head><title>Notification Example</title>
</head>
<body><h1>Notification Example</h1><button id="notifyButton">Send Notification</button><script>document.getElementById('notifyButton').addEventListener('click', () => {new Notification('Hello', {body: 'This is a notification from your Electron app.'});});</script>
</body>
</html>
8.3 原生对话框
Electron 提供了 dialog 模块，可以方便地显示各种原生对话框，包括消息框、文件选择对话框等。
8.3.1 显示消息框
我们可以使用 dialog.showMessageBox 方法来显示一个消息框。
主进程代码：
ipcMain.handle('show-message-box', async () => {const result = await dialog.showMessageBox({type: 'info',title: 'Message Box',message: 'This is a message box',buttons: ['OK']});return { success: true, response: result.response };
});
预加载脚本（preload.js）：
const { contextBridge, ipcRenderer } = require("electron");contextBridge.exposeInMainWorld("electronAPI", {showMessageBox: () => ipcRenderer.invoke("show-message-box"),
});渲染进程代码：
<!DOCTYPE html>
<html>
<head><title>Message Box Example</title>
</head>
<body><h1>Message Box Example</h1><button id="messageBoxButton">Show Message Box</button><script>document.getElementById('messageBoxButton').addEventListener('click', async () => {const result = await window.electronAPI.showMessageBox();if (result.success) {alert('Message box closed with response: ' + result.response);}});</script>
</body>
</html>
通过这些示例，开发者可以在Electron应用中实现与操作系统的深度集成，从而提供更丰富的功能和更好的用户体验。
相关文章：
第8章：Electron 剪贴版和消息通知
在本章中，我们将介绍如何在Electron应用中与操作系统进行集成。这些操作包括剪贴板操作、通知系统、原生对话框等功能。 8.1 剪贴板操作 Electron 提供了 clipboard 模块，允许我们在应用中访问和操作剪贴板内容。以下是一些基本的剪贴板操作示例。 8.…...
Android zygote访谈录
戳蓝字“牛晓伟”关注我哦！ 用心坚持输出易读、有趣、有深度、高质量、体系化的技术文章，技术文章也可以有温度。 本文摘要 本文以访谈的方式来带大家了解zygote进程，了解zygote进程是啥？它的作用是啥？它是如何一步…...
nuxt、vue树形图d3.js
直接上代码 //安装 npm i d3 --save<template><div class"d3"><div :id"id" class"d3-content"></div></div> </template> <script> import * as d3 from "d3";export default {props: {d…...
香橙派AIpro测评：yolo8+usb鱼眼摄像头的Camera图像获取及识别
一、前言 近期收到了一块受到业界人士关注的开发板"香橙派AIpro",因为这块板子具有极高的性价比，同时还可以兼容ubuntu、安卓等多种操作系统，今天博主便要在一块832g的香橙派AI香橙派AIpro进行YoloV8s算法的部署并使用一个外接的鱼眼USB摄像头…...
大华设备接入GB28181视频汇聚管理平台EasyCVR安防监控系统的具体操作步骤
智慧城市/视频汇聚/安防监控平台EasyCVR兼容性强，支持多协议接入，包括国标GB/T 28181协议、GA/T 1400协议、部标JT808协议、RTMP、RTSP/Onvif协议、海康Ehome、海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石云SDK等，并能对外分发RTMP、…...
Laravel包开发指南：构建可重用组件的艺术
标题：Laravel包开发指南：构建可重用组件的艺术 Laravel不仅是一个强大的Web应用框架，它的包（Package）系统也为开发者提供了构建和共享可重用组件的能力。通过包开发，开发者可以轻松地扩展Laravel的功能&am…...
JavaDS预备知识
集合框架 Java 集合框架 Java Collection Framework ，又被称为容器 container ，是定义在 java.util 包下的一组接口 interfaces和其实现类 classes 。 其主要表现为将多个元素 element 置于一个单元中，对数据进行创建(Create)、读取(Retrieve…...
日常学习--20240705
1、IO流 按照IO操作的数据类型分为字节流和字符流： 字节流：又分为输入流（其他程序传递过来的数据，读取流中的数据）和输出流（往流中写数据，传递给其他程序）;可以操作二进制文件&…...
Java中初始化一个List的多种方式
1.最原始的方式：先创建，然后再添加元素 List<String> list new ArrayList<>(); list.add("apple"); list.add("banana"); list.add("cherry");2.使用Arrays.asList 这是一种快速方便的方式，直接…...
BeikeShop多国语言多货币商城系统源码基于Laravel框架
BeikeShop是基于 Laravel 开发的一款开源商城系统，支持多语言商城 多货币商城 100%全开源 ChatGPT OpenAI B2C商城系统 H5商城 PHP商城系统 商城源码 PC商城 跨境电商系统 跨境商城系统 电商商城系统 Laravel 10 框架开发系统，支持插件市场。 Event 机制…...
gradle构建工具
setting.gradle // settings.gradle rootProject.name my-project // 指定根项目名称include subproject1, subproject2 // 指定子项目名称，可选jar包名称 方式一 jar {archiveBaseName my-application // 设置 JAR 文件的基本名称archiveVersion 1.0 // 设置…...
Java需要英语基础吗？
Java编程语言本身并不要求必须有很强的英语基础，因为Java的语法和逻辑是独立于任何特定语言的。我收集归类了一份嵌入式学习包，对于新手而言简直不要太棒，里面包括了新手各个时期的学习方向编程教学、问题视频讲解、毕设800套和语言类教学&am…...
14-36 剑和诗人10 - 用LLM构建 AI 代理平台
介绍 在当今快速发展的技术环境中，大型语言模型 (LLM) 和 AI 代理正在改变我们与信息交互、实现流程自动化以及应对不同行业复杂挑战的方式。随着这些强大的模型不断发展，对能够无缝集成和协调它们的强大平台的需求变得越来越重要。 让我们深入研究设计…...
如何在Java中实现批量数据处理
如何在Java中实现批量数据处理 大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！ 1. 引言 在大数据时代，处理大量数据是许多应用程序中必不可少的需…...
项目部署_持续集成_Jenkins
1 今日内容介绍 1.1 什么是持续集成 持续集成（ Continuous integration ， 简称 CI ）指的是，频繁地（一天多次）将代码集成到主干 持续集成的组成要素 一个自动构建过程， 从检出代码、 编译构建…...
如何选择TikTok菲律宾直播网络？
为了满足用户对于实时互动的需求，TikTok推出了直播功能，让用户能够与粉丝即时交流。本文将探讨如何选择适合的TikTok菲律宾直播网络，并分析OgLive是否是值得信赖的选择。 TikTok菲律宾直播网络面临的挑战 作为全球领先的短视频平台ÿ…...
Pseudo-Label : The Simple and Efficient Semi-Supervised Learning Method--论文笔记
论文笔记 资料 1.代码地址 https://github.com/iBelieveCJM/pseudo_label-pytorch 2.论文地址 3.数据集地址 论文摘要的翻译 本文提出了一种简单有效的深度神经网络半监督学习方法。基本上，所提出的网络是以有监督的方式同时使用标记数据和未标记数据来训练的…...
信息收集-arping
信息收集-arping 简介 arping 是一个用于发送 ARP 请求和接收 ARP 回复的工具。它通常用于检查网络中的 IP 地址是否被使用，或发现网络中的重复 IP 地址。arping 工具类似于 ping 命令，但它使用的是 ARP 协议而不是 ICMP 协议。在 Kali Linux 中&#…...
一文了解常见DNS问题
当企业的DNS出现故障时，为不影响企业的正常运行，团队需要能够快速确定问题的性质和范围。那么有哪些常见的DNS问题呢？ 域名解析失败： 当您输入一个域名，但无法获取到与之对应的IP地址，导致无法访问相应的网…...
TCP/IP 网络协议族分层
TCP/IP协议族 TCP/IP不单是TCP和IP两个协议，TCP/IP实际上是一组协议，它包括上百个各种功能的协议，如：远程登录、文件传输和电子邮件等，当然，也包括TCP、IP协议 它将软件通信过程抽象化为四个抽象层&#…...
为什么需要建设工程项目管理？工程项目管理有哪些亮点功能？
在建筑行业，项目管理的重要性不言而喻。随着工程规模的扩大、技术复杂度的提升，传统的管理模式已经难以满足现代工程的需求。过去，许多企业依赖手工记录、口头沟通和分散的信息管理，导致效率低下、成本失控、风险频发。例如&#…...
什么是库存周转？如何用进销存系统提高库存周转率？
你可能听说过这样一句话： “利润不是赚出来的，是管出来的。” 尤其是在制造业、批发零售、电商这类“货堆成山”的行业，很多企业看着销售不错，账上却没钱、利润也不见了，一翻库存才发现： 一堆卖不动的旧货…...
ESP32 I2S音频总线学习笔记（四）： INMP441采集音频并实时播放
简介 前面两期文章我们介绍了I2S的读取和写入，一个是通过INMP441麦克风模块采集音频，一个是通过PCM5102A模块播放音频，那如果我们将两者结合起来，将麦克风采集到的音频通过PCM5102A播放，是不是就可以做一个扩音器了呢…...
屋顶变身“发电站” ，中天合创屋面分布式光伏发电项目顺利并网！
5月28日，中天合创屋面分布式光伏发电项目顺利并网发电，该项目位于内蒙古自治区鄂尔多斯市乌审旗，项目利用中天合创聚乙烯、聚丙烯仓库屋面作为场地建设光伏电站，总装机容量为9.96MWp。 项目投运后，每年可节约标煤3670…...
JDK 17 新特性
#JDK 17 新特性 /**************** 文本块 *****************/ python/scala中早就支持，不稀奇 String json “”" { “name”: “Java”, “version”: 17 } “”"; /**************** Switch 语句 -> 表达式 *****************/ 挺好的ÿ…...
pikachu靶场通关笔记22-1 SQL注入05-1-insert注入(报错法)
目录 一、SQL注入 二、insert注入 三、报错型注入 四、updatexml函数 五、源码审计 六、insert渗透实战 1、渗透准备 2、获取数据库名database 3、获取表名table 4、获取列名column 5、获取字段 本系列为通过《pikachu靶场通关笔记》的SQL注入关卡(共10关࿰…...
重启Eureka集群中的节点，对已经注册的服务有什么影响
先看答案，如果正确地操作，重启Eureka集群中的节点，对已经注册的服务影响非常小，甚至可以做到无感知。 但如果操作不当，可能会引发短暂的服务发现问题。 下面我们从Eureka的核心工作原理来详细分析这个问题。 Eureka的…...
基于Java+MySQL实现（GUI）客户管理系统
客户资料管理系统的设计与实现 第一章 需求分析 1.1 需求总体介绍 本项目为了方便维护客户信息为了方便维护客户信息，对客户进行统一管理，可以把所有客户信息录入系统，进行维护和统计功能。可通过文件的方式保存相关录入数据，对…...
【Redis】笔记｜第8节｜大厂高并发缓存架构实战与优化
缓存架构 代码结构 代码详情 功能点： 多级缓存，先查本地缓存，再查Redis，最后才查数据库热点数据重建逻辑使用分布式锁，二次查询更新缓存采用读写锁提升性能采用Redis的发布订阅机制通知所有实例更新本地缓存适用读多…...
LLMs 系列实操科普（1）
写在前面： 本期内容我们继续 Andrej Karpathy 的《How I use LLMs》讲座内容，原视频时长 ~130 分钟，以实操演示主流的一些 LLMs 的使用，由于涉及到实操，实际上并不适合以文字整理，但还是决定尽量整理一份笔…...