Electron-学习笔记(2)

337 阅读2分钟

Electron的应用功能

1.通知(Notification)

应用程序可以向用户发送通知提供的功能Api,当用户打开应用程序,可以接收到通知信息,未读信息,未读邮件等消息提示。

Notification是一个EventEmitter(发布订阅模式)

通过 options 来设置的一个新的原生 Notification

Notification.isSupported()

返回一个Boolean值---判断当前系统是否支持桌面通知

new Notification([options])

options的一些主要参数:

 -title:String,表示通知消息的主标题
 -subtitle:String,表示通知消息的副标题,显示在主标题下 只支持macOS
 -body:String,表示通知消息的内容
 -icon:String,可选,用于该通知上显示图标
 -silent:Boolean,可选,在显示通知时是否发出系统提示音。
 -hasReply:Boolean,可选,是否在通知中添加一个答复选项,只支持macOS
 -replyPlaceholder:String,可选,答复输入框中的占位符。
 -sound:String,可选,显示通知时播放的声音文件的名称,只支持macOS

new Notification()的一些方法:

   -show():当通知向用户显示时触发,即向用户展示 notification
   -click():用户单击通知时触发。
   -close():用户手动关闭通知时触发
   -reply():当用户单击 `hasReply: true` 的通知上的 "Reply" 按钮时触发。

简单应用

const { Notification } = require('electron')

const NOTIFICATION_TITLE = '通知信息'

const NOTIFICATION_BODY = '您有10条未读邮件,请您查收!'

function showNotification () {

new Notification({ title: NOTIFICATION_TITLE, body: NOTIFICATION_BODY }).show() }

app.whenReady().then(createWindow).then(showNotification)

2.最近文档

若要增加一个文件到最近文件列表:可以使用使用app.addRecentDocument(path)API

将此 path 添加到最近打开的文件列表中

此列表由操作系统管理。 在Windows上,您可以从任务栏访问此列表,在macOS上,您可以从dock菜单访问。

若要清空最近文件列表,你可以使用app.clearRecentDocuments API,在此指南中,一旦所有窗口都关闭,文件列表就会被清除。

简单应用(增加一个文件)

const { app, BrowserWindow } = require('electron')

const fs = require('fs')

const path = require('path')

function createWindow () {

const win = new BrowserWindow({ width: 800, height: 600 })

win.loadFile('index.html') }

const fileName = 'recently-used.md' //创建的文件名称和类型

fs.writeFile(fileName, 'Lorem Ipsum', () => { // ’Lorem Ipsum‘--- 文件内容 app.addRecentDocument(path.join(__dirname, fileName)) }) // __dirname文件存放的路径