Secured-web-storage NPM

secured-web-storage

The data will be stored using CryptoJS AES (Advanced Encryption Standard)

A secure storage for web application

npm MIT

Demo

Installation

npm install secured-web-storage --save

yarn add secured-web-storage --save

Usage

In Web application

In side index.html

<script src="node_modules/secured-web-storage/dist/index.min.js"></script>

In js file where you want to use this package

var config = { name: 'test', type: 'localStorage', secretKey: 'test' };
var store = new SecuredWebStorage(config);

store.setItem('key1', { a: 12345 });

store.getItem('key1');

In Vue application

In your main.js file

import SecuredWebStorage from 'secured-web-storage';

var config = { name: 'test', type: 'localStorage', secretKey: 'test', secure: true };
var store = new SecuredWebStorage(config);

Vue.prototype.store = store;

In vue.js components where you want to use this package

this.store.setItem('key1', { a: 12345 });

this.store.get('key1');

Configuration Options

Option	Type	Default Value	Description
`name`	String	app	You can give your application name so that all your keys in browser storage will be prepended with your name of the application
`type`	Storage	localStorage	You can use either localStorage or sessionStorage
`secretKey`	String	SECRET_KEY	You can use any secret key
`secure`	Boolean	true	You can enable or disable encryption / decryption with this value

Usage of configuration options

var config = { name: 'test', type: 'localStorage', secretKey: 'test', secure: true };
var store = new SecuredWebStorage(config);

Methods

Method	Syntax	Description
setItem	`setItem('key', value)`	Set the item in to browser storage.
getItem	`getItem('key')`	Get the item from browser storage.
deleteItem	`deleteItem('key')`	Delete the item from storage.
getAllItems	`getAllItems()`	Get all the items from storage.
deleteAllItems	`deleteAllItems()`	Delete all the items from storage.
getAllKeys	`getAllKeys()`	Get all the keys stored.
getLength	`getLength()`	Get the length of items stored.