• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

Electron-store本地存储功能

武飞扬头像
他的猫MM
帮助1

前言

在用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上学习

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgkeacf
系列文章
更多 icon
同类精品
更多 icon
继续加载