Giter Site home page Giter Site logo

secured-web-storage's Introduction

secured-web-storage

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

A secure storage for web application

npm MIT

Demo

You can see the demo here

Installation

npm install secured-web-storage --save

or

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.

npm package

You can find npm registry link here

License

MIT

Release Notes

v0.0.1

  • Initial version with basic storage with encryption and decryption

v0.0.2

  • Initial version with basic storage with encryption and decryption
  • Added demo for web application

v0.0.3

  • Added optional feature to enable or disabled encryption and decryption
  • Added vue.js app demo

v0.1.0

  • Stable version release

v0.2.0

  • Keys will be fetched based on the configuration
  • Updated Readme with configuration options and methods

v0.3.0

  • Pacakge name modified to secured-web-storage

v0.3.1

  • Demos updated to work with latest version of secured-web-storage
  • Script file path modified in readme.md file

Contact

secured-web-storage's People

Contributors

rajeshwarpatlolla avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.