欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

secrage: 可加解密的 webStorage

程序员文章站 2023-11-07 18:47:10
好吧说加解密是有些夸张了,主要是利用 window.btoa/atob 编码 key/value,以达到隐藏信息的目的。虽然没有真正的加密,但是总比直接明文存储数据要'优雅'些对吧 由于经常用到 sessionStorage,每次都需要 JSON.stringify/JSON.parse,然后存 t ......

好吧说加解密是有些夸张了,主要是利用 window.btoa/atob 编码 key/value,以达到隐藏信息的目的。虽然没有真正的加密,但是总比直接明文存储数据要'优雅'些对吧-

由于经常用到 sessionstorage,每次都需要 json.stringify/json.parse,然后存 token 等敏感信息的时候想到了可以用 btoa 转换一下,于是有了这个项目,使用起来也很方便,npm install secrage, 然后 import 到项目中,接口方法跟 window.sessionstorage 一样。 也可以直接下载 js 文件,在页面中引入使用。

用法:

$ npm install secrage -s
...
import { sessionstorage } from 'secrage'
sessionstorage.setitem('foo', 'bar')

或者直接 <script>标签引入:

<script src="[path]/secrage.min.js"></script>

var storage = secrage.sessionstorage
storage.setitem('foo', 'bar')

如果有经常用到 web 存储的同学可以试一下,这里是github 地址.

secrage: 可加解密的 webStorage