Guide to incorporating bcrypt into an Angular 6 application

Question

Guide to incorporating bcrypt into an Angular 6 application

Hey there, I've been attempting to hash a key using the bcrypt npm package but have encountered some errors. Here's the code I've tried so far:

import * as bcrypt from 'bcrypt';

export class LowLevelEncryption {

    encrypt(key: string){
        console.log(bcrypt);
         bcrypt.hash(key, 19, function(err, hash) {
           Store hash in your password DB.
         });
    }

}

I'm getting an error that looks like this:

Module not found: Error: Can't resolve 'tls' in '/home/ec2-user/environment/passcript/node_modules/tunnel-agent'

If anyone can offer assistance or knows of another library that may work better, I would greatly appreciate it. Thanks!

angular typescript cryptography bcrypt

Answer 1

Answer №1

If you're looking to implement encryption in your Angular project, you might consider using crypto-js library and tailor it to your specific needs. Here is an example:

    import { Injectable } from '@angular/core';
    import * as crypto from 'crypto-js';

    @Injectable()
    export class CryptoService {

    constructor() {
    }


   encrypt(key: any, privateKey: any) {
     const cryptkey = crypto.enc.Utf8.parse(privateKey);
     const encrypted = crypto.AES.encrypt(key, cryptkey, {
      iv: crypto.enc.Hex.parse('00000000000000000000000000000000'),
      mode: crypto.mode.ECB,
      padding: crypto.pad.Pkcs7
   });
   return encrypted.toString();
  }


  decrypt(cryptedKey: any, privateKey: any) {
    const cryptoPrivateKey = crypto.enc.Utf8.parse(privateKey);
    const encryptedKey = crypto.enc.Base64.parse(cryptedKey);
    const decrypted = crypto.AES.decrypt({ciphertext: encryptedKey}, cryptoPrivateKey, {
      iv: crypto.enc.Hex.parse('00000000000000000000000000000000'),
      mode: crypto.mode.ECB,
      padding: crypto.pad.Pkcs7
   });
   return decrypted.toString(crypto.enc.Utf8);
  }
}

An even simpler approach for encryption could be:

const encryptedPassword = crypto.AES.encrypt(value, 'password');

and for decryption:

const bytes  = crypto.AES.decrypt(encryptedPassword, 'password');
const decryptedPassword = bytes.toString(crypto.enc.Utf8);

I hope this explanation proves helpful for your encryption needs.

Answer 2

If you're looking to implement encryption in your Angular project, you might consider using crypto-js library and tailor it to your specific needs. Here is an example:

    import { Injectable } from '@angular/core';
    import * as crypto from 'crypto-js';

    @Injectable()
    export class CryptoService {

    constructor() {
    }


   encrypt(key: any, privateKey: any) {
     const cryptkey = crypto.enc.Utf8.parse(privateKey);
     const encrypted = crypto.AES.encrypt(key, cryptkey, {
      iv: crypto.enc.Hex.parse('00000000000000000000000000000000'),
      mode: crypto.mode.ECB,
      padding: crypto.pad.Pkcs7
   });
   return encrypted.toString();
  }


  decrypt(cryptedKey: any, privateKey: any) {
    const cryptoPrivateKey = crypto.enc.Utf8.parse(privateKey);
    const encryptedKey = crypto.enc.Base64.parse(cryptedKey);
    const decrypted = crypto.AES.decrypt({ciphertext: encryptedKey}, cryptoPrivateKey, {
      iv: crypto.enc.Hex.parse('00000000000000000000000000000000'),
      mode: crypto.mode.ECB,
      padding: crypto.pad.Pkcs7
   });
   return decrypted.toString(crypto.enc.Utf8);
  }
}

An even simpler approach for encryption could be:

const encryptedPassword = crypto.AES.encrypt(value, 'password');

and for decryption:

const bytes  = crypto.AES.decrypt(encryptedPassword, 'password');
const decryptedPassword = bytes.toString(crypto.enc.Utf8);

I hope this explanation proves helpful for your encryption needs.

Guide to incorporating bcrypt into an Angular 6 application

Answer №1

Similar questions

How can we effectively manage the array of objects passed to the Angular mat-select-search drop-down component and ensure proper control over the function execution?

Share a coded photo with various android apps

On localhost, Angular 2 route parameters are automatically converted to lowercase, while they stay capitalized on the server

Creating a specialized Angular validator that detects null values and returns the associated FormControl

Error encountered when pushing Angular data to Django for user login form: 'Unexpected token < in JSON at position 2' while attempting to parse the JSON

Can dynamic forms in Angular 2 support nested forms without relying on formBuilder?

The function may not always be triggered when bound to a click event

Learn how to easily set a radio button using Angular 4 and JavaScript

Is it possible to have an interface, function, and variable all sharing the same name in a declaration?

Transforming file location to base64 encoded format using TypeScript

Typescript error: The overload signature does not match its implementation signature

Turn off the button and add a CSS class to it when sending a message

Convert normal text to clickable links in chat messages within an angular application automatically

React components need to refresh after fetching data from an API

Swiper moves through different sections, while the navigation bar acts as pagination

After filtering the array in JavaScript, perform an additional process as a second step

Angular version compatibility

In Angular, the process of duplicating an array by value within a foreach function is not

"Encountering a 404 (Not Found) error when attempting to access local backend APIs through Angular

Getting the event of a directive in a dynamic component can be achieved by setting @HostDirective()