V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Rhonin
V2EX  ›  程序员

安利一波 secrage: 可加解密的 webStorage

  •  
  •   Rhonin · 2018-09-12 20:50:09 +08:00 · 1875 次点击
    这是一个创建于 2264 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    如果有经常用到 web 存储可以试一下,这里是GitHub 地址, 喜欢的同学点个 star 哦 0 0

    5 条回复    2018-09-13 10:58:18 +08:00
    des
        1
    des  
       2018-09-12 20:51:21 +08:00 via Android
    emmmm.....
    airyland
        2
    airyland  
       2018-09-12 21:36:14 +08:00
    其实就是 base64
    Rhonin
        3
    Rhonin  
    OP
       2018-09-12 21:44:02 +08:00
    @airyland 恩,我已经说明了是 btoa,不是真正的加密,但是比直接存明文好看些,而且像 SPA 应用平常经常用到 sessionStorage,搞个包使用起来还是很方便的~
    jrtzxh020
        4
    jrtzxh020  
       2018-09-13 10:30:47 +08:00
    btoa 有些浏览器不支持吧
    Rhonin
        5
    Rhonin  
    OP
       2018-09-13 10:58:18 +08:00
    @jrtzxh020 嗯,所以判断了 if (!window.btoa) return str 不支持就直接返回未编码的值了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2744 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 11:37 · PVG 19:37 · LAX 03:37 · JFK 06:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.