Electron-store本地存储功能

作者: 他的猫MM | 来源:发表于2022-07-07 17:30 被阅读0次

前言

在用electron做win桌面应用程序开发的时候,我们会涉及到一些数据需要做到本地磁盘储存,并能随意取出和更改.
一般情况下存储的数据都是用户的一些基本信息和配置信息,这样下次继续打开程序就不需要再次配置.
那么用什么方法去实现应用程序本地磁盘存储呢?

Electron存储简单数据推荐用electron-store

electron-store可以用来保存electron应用程序或模块的简单数据持久性-保存和加载用户首选项,应用程序状态,缓存等。
github地址electron-store
electron官方文档electronjs.org

一、为什么不使用window.localStorage

  • localStorage仅在浏览器进程(渲染进程)中起作用。
  • localStorage的容错性不是很高,因此,如果您的应用遇到错误并意外退出,则可能会丢失数据。
  • localStorage仅支持持久字符串。 此模块支持任何JSON支持的类型。
  • localStorage不是很安全,可能是由于xss攻击而泄漏信息。
  • electron-store模块的API更好。 您可以设置并获取嵌套属性。 您可以设置默认的初始配置。

二、安装electron-store

npm install electron-store
注意: 这里安装的是最新的版本可能会出现卡死或者报错等问题,可以降低版本,具体原因是因为与electron版本兼容性有关(可以安装4.0.0版本)
npm install electron-store@4.0.0

三、electron-store用法

const Store = require('electron-store');
 
const store = new Store();
 
//set设置值
store.set('unicorn', 'wangyang');
console.log(store.get('unicorn'));
//=> 'wangyang'
 
// 使用点表示法访问嵌套属性
store.set('foo.bar', true);
//get取值
console.log(store.get('foo'));
//=> {bar: true}
 
//delete删除值
store.delete('unicorn');
console.log(store.get('unicorn'));
//=> undefined

知道了一些基础值,我们的本地存储就能实现了,具体更细节的api可以去github上学习

相关文章

  • 本地存储方式Indexed Database

    HTML5问世以后,前端加入了一个重要的功能,便是本地存储,本地存储可分为4类: Local Storage:总的...

  • 前航项目bug总结

    写本地存储功能localstorage 需要注意的是:localStorage只能存储字符串,hashmap是一个...

  • localStorage和sessionStorage

    *示例 localStorage 设置本地存储 读取本地存储 清除本地存储 key()方法 说明:在不知道本地存储...

  • vue实现本地常用网站存储,并排序筛选top10

    最近网站根据需求要做本地存储常用网站访问的记录的功能;我的大致思路是点击的时候便存储到本地,然后进行数据的筛选,存...

  • Qt编写安防视频监控系统44-视频上传

    一、前言 视频上传用来将本地存储的视频文件上传到云端服务器,间接的实现了本地视频存储到云端的功能,其实本质上是先存...

  • HTML 本地存储

    HTML本地存储:优于cookies 什么是HTML本地存储? 通过本地存储(Local Storage),web...

  • HTML5存储

    HTML5的本地存储与离线存储 1.本地存储 - Web storage2.本地存储 - indexedDB3...

  • 云原生技术系列-监控系统Prometheus之列二:组成与架构

    功能特性与组成架构 功能特性 拉模型:Prometheus主动从客户端拉取指标监控数据 本地存储:Promethe...

  • iOS安全编码规范

    一.本地数据安全规范 1.本地存储密码、敏感数据加密: 本地存储:NSUserDefaults存储、plist文件...

  • H5存储

    1.本地存储-Web Storage2.本地存储-IndexedDB3.本地存储的扩展介绍4.离线存储-app c...

网友评论

    本文标题:Electron-store本地存储功能

    本文链接:https://www.haomeiwen.com/subject/moyvbrtx.html