聊聊 electron-vue-serialport 的添加数据持久化分析以及解决方案,关联 pouchdb 、nedb 、vuex-persistedstate

什么是 数据持久化?

数据持久化其实就是指期望把数据长期存储下来,而这个问题被拆分成很多场合,用这篇记录一下一些细节和过程。

起因

起因 electron-vue-serialport 使用的 electron-vue 基础 vue-admin-template 在 yarn run dev 下 js-cookie 正常使用,但 build 后无法获取存放在 Cookie 中的 token 数据,经过写入后读取的测试返回仍然是 undefined 。

这也就说明它可能并非真正的同步模式,考虑到有太多组件的融合,最初判断是 electron 的 Cookies 炸了,例如需要时间连接本地数据,但可能加载过程过快,无法在获取 token 前完成数据的载入,也有可能是本来就存在的版本 bug 之类的。

准备解决方案

既然存在 bug ,然后也没法通过更新环境解决的情况下,就直接改写之。

  • 既然是要 cookie 数据,那就用其他数据模拟一个接口送回即可。
  • 既然要持久化数据,考虑到之后也有小型数据库需求,不妨一起考虑。

于是选取了 pouchdb 和 nedb 做长期存储,不过此时将失去 Cookies 的过期功能,但好像也并非所要的功能。

实践结论

为什么我在做仪器类客户端还需要这个登录的功能是因为,设备机型的登录表示你所使用的配置版本,这样的好处就是统一入口,然后分发不同的功能接口,对于一个公司来说相对规范化整体框架。

最早怀疑是 mock 在 electron 无法工作的原因,后来经过检查是 build 后的 electron 的 js-cookie 无法工作,然后观察 js-cookie 的设计模式是同步的,这与上述的数据库的使用相违背,不得已修正为异步调用。

其中 pouchdb 存在的问题是 electron 的 Windows 32 bit 无法编译通过,而 pouchdb-browser 存在于 浏览器 的 local storage 中无法满足我需要的本地化文件,就换了 nedb ,辛苦写了模型对上去后,一切正常工作后。

又产生新的问题,就是 Cookies 数据没有先于 login 验证前加载完成,导致需要重新登录,这是因为 electron 关闭后,要加载数据回来需要的一些异步时间,而页面启动后,不可能会允许写一段毫无意义的延时同步数据(下下策),那么如何解决呢?

回到原点

最后放弃写垃圾代码注入其中,改用 vuex 的 vuex-persistedstate 插件,自动在框架内部同步数据,强组件绑定关系。

很意外的是,如果一开始我就想清楚我想要的效果,可能就会少走这些弯路,但实际上也是由于,我并不了解 electron vue nodejs 等数据持久化组件的选取,所以要预先了解和学习一波才能应用到其中。

最后代码反而删减了,基本没有做任何改动,也没有添加多余的模拟接口注入。

更新在 remove auth Cookies and use vuex-persistedstate

个人感悟

在现代 Javascript 的设计模式上可能要缓存+同步数据,但实际上深度绑定组件的话,可以避开不必要的异步数据同步的问题。

最后,关联上一篇博文,因为在实践过程中分析了一下 js 的 import 机制,如果有 python 经验的可能会有些疑惑是否一致,当然答案是基本一致,可以放心的到处 import 。

原文地址:https://www.cnblogs.com/juwan/p/12312612.html

时间: 02-15

聊聊 electron-vue-serialport 的添加数据持久化分析以及解决方案,关联 pouchdb 、nedb 、vuex-persistedstate的相关文章

iOS中几种数据持久化方案

概论 所谓的持久化,就是将数据保存到硬盘中,使得在应用程序或机器重启后可以继续访问之前保存的数据.在iOS开发中,有很多数据持久化的方案,接下来我将尝试着介绍一下5种方案: plist文件(属性列表) preference(偏好设置) NSKeyedArchiver(归档) SQLite 3 CoreData 沙盒 在介绍各种存储方法之前,有必要说明以下沙盒机制.iOS程序默认情况下只能访问程序自己的目录,这个目录被称为"沙盒". 1.结构 既然沙盒就是一个文件夹,那就看看里面有什么吧

iOS开发——数据持久化OC篇&(七)CoreData高级常识

CoreData高级常识 关于CoreData貌似实际开发中很少用到,基本上是个有九个公司不会使用它,因为都说是性能不好,但是作为一个程序员,了解及其使用时必须了, 下面是我从一位大神那里搬过来的一下Core详细介绍,相信以后总有一天会帮我解决不少学习CoreData中的问题! 一.技术概览 1. Core Data 功能初窥 对于处理诸如对象生命周期管理.对象图管理等日常任务,Core Data框架提供了广泛且自动化的解决方案.它有以下特性. (注:对象图-Object graph的解释:在面

IOS数据持久化的4种方式

9.1 数据持久化概述 9.2 iOS应用程序目录结构 9.3 读写属性列表 9.4 对象归档 9.5 访问SQLite 9.1 数据持久化概述 iOS中可以有四种持久化数据的方式: 属性列表.对象归档.SQLite3和Core Data 9.2 iOS应用程序目录结构 iOS应用程序运行在Mac os模拟器时候,有一下临时目录模拟器3.1.3为例子: /Users/tony/Library/Application Support/iPhone Simulator/3.1.3/Applicati

Android基础知识(6)—数据持久化之数据存储

阅读前,请浏览此处上方目录. Android基础知识(6)-数据持久化之数据存储 本章内容为个人笔记,参考书籍有:<疯狂的android>第3版.<第一行代码> 首先,我们要知道什么是数据持久化. 数据持久化就是指那些内存中的瞬时数据保存到存储设备中,保证即使手机在关机的情况下,这些数据不会丢失.保存在内存中的数据是处于瞬时状态,保存在存储设备中的数据是处于持久状态.持久化技术则是提供了一种机制可以让数据在瞬时状态和持久状态之间进行转换. Android系统主要提供了三种方式用于简

ios学习笔记-数据持久化

沙盒 沙盒是一种数据安全策略,只允许自己的应用访问目录.可以使用NSHomeDirectory()获取. ios沙盒下有三个子目录: 1.Documents目录:用于存储比较大的文件活着需要频发女更新的数据,需要持久化的数据.获取代码: NSString *documentPath = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject]; 2.Library目录:

IOS数据持久化之归档NSKeyedArchiver, NSUserDefaults,writeToFile

//2.文件读写 //支持:NSString, NSArray , NSDictionay, NSData //注:集合(NSArray, NSDictionay)中得元素也必须是这四种类型, 才能够进行文件读写 //string文件读写 NSString *string = @"假如给我有索纳塔"; //Document NSString *docPath = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUs

IOS数据持久化之归档NSKeyedArchiver

IOS数据持久化的方式分为三种: 属性列表 (自定义的Property List .NSUserDefaults) 归档 (NSKeyedArchiver) 数据库 (SQLite.Core Data.第三方类库等) 下面主要来介绍一个归档NSKeyedArchiver. 归档(又名序列化),把对象转为字节码,以文件的形式存储到磁盘上:程序运行过程中或者当再次重写打开程序的时候,可以通过解归档(反序列化)还原这些对象. 归档方式: 对Foundation框架中对象进行归档 对自定义的内容进行归档

数据持久化 技术比较

  [数据存储]coredata.sqlite.fmdb和sqlitepersistentobject 管理提醒: 本帖被 angellixf 从 OS X开发讨论区 移动到本区(2014-02-12) 分享类型:应用开发相关 在ios开发过程中,经常需要用到数据持久化工作.对于基本的配置信息等,NSUserDefault已经可以满足要求,但是对于大部分需要存储的信息,主要的方式有coredata建模或者sqlite写数据库的方法进行存储.现在针对coredata.sqlite以及常用的sqli

IOS中数据持久化1-CoreData

CodeData是苹果提供的关系数据库下面是其他博主总结的部分内容(当初拷贝的时候忘了拷贝链接): 托管对象(managed object):一个托管对象代表你想要保存到数据存储中的一个对象托管对象上下文(managed object context):托管对象上下文类似于应用程序和数据存储之间的一块缓冲区.这块缓冲区包含所有未被写入数据存储的托管对象.你可以添加.删除.更改缓冲区内的托管对象.在很多时候,当你需要读.插入.删除对象时,你将会调用托管对象上下文的方法.持久化存储协调器(persi

高级数据持久化之coredata

一.概述 CoreData是一个用于数据持久化的框架,Core Data支持4种类型的数据存储:SQLiteStore, XMLStore, BinaryStore, InMemoryStore. 注意:CoreData大部分情况下是基于SQLite数据库进行数据管理的,所以以下全部是其基于SQLite数据库的内容,以后学到更多的管理方法在补充! Core Data是iOS5之后才出现的一个框架,它提供了对象-关系映射(ORM)的功能,即能够将OC对象转化成数据,保存在SQLite数据库文件中,