Implémentation de bcrypt dans Angular 7

Votre façon d'utiliser bcrypt dans votre application Angular.

Tout d'abord, seule l'installation de bcrypt à l'aide de "npm install bcrypt" pour une application angulaire ne fonctionnera pas. Parce que bcrypt lui-même a 2 dépendances comme,

1. node-pre-gyp
2. Abstractions natives pour Node.js

Si vous installez ces deux, votre application peut fonctionner avec bcrypt.

Ma façon d'utiliser bcrypt pour l'application Angular. J'ai installé le bcrypt-js en utilisant "npm install bcryptjs --save".

NODE.js Sur node.js, l'interface randomBytes du module de cryptage intégré est utilisée pour obtenir des nombres aléatoires sécurisés.

NAVIGATEUR Dans le navigateur, bcrypt.js s'appuie sur l'interface getRandomValues de l'API Web Crypto pour obtenir des nombres aléatoires sécurisés. Si aucune source aléatoire sécurisée par cryptographie n'est disponible, vous pouvez en spécifier une via bcrypt.setRandomFallback.

Comme nous l'utilisons pour le navigateur, Angulars node.js n'a pas de module appelé "crypto", car bcrypt a besoin d'un module pour créer un nombre aléatoire sécurisé avec ce module de cryptage, vous obtiendrez donc un avertissement dans votre application "crypto" module introuvable.

Pour vous débarrasser de cet avertissement, vous devez vous rendre à cet emplacement de fichier dans votre projet, D: \ <> \ node_modules \ bcryptjs \ dist \ bcrypt.js, ligne n ° 70.

soit vous commentez cela, soit vous placez ce bloc try sous le second bloc try.

Dans ce code, ce qui se passe, c'est d'abord que le bcrypt essaie de générer le nombre aléatoire à partir du module "crypt", si ce n'est pas le cas, il utilisera l'API Web pour générer le nombre aléatoire sécurisé, c'est l'url: https : //www.w3.org/TR/2017/REC-WebCryptoAPI-20170126/ .

ou vous pouvez écrire votre propre logique pour fournir le nombre aléatoire, mais ce ne sera pas assez sûr.

J'espère que tu comprends.

Veuillez m'envoyer un ping en cas de doute.

Vous pouvez installer bcryptjs ( npm install bcryptjs ) et utiliser le code suivant:

"browser": {
    "fs": false,
    "path": false,
    "os": false,
    "crypto": false,
    "stream": false,
    "http": false,
    "tls": false,
    "zlib": false,
    "https": false,
    "net": false
  }

Votre code doit ressembler à:

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import * as bcrypt from 'bcryptjs';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.scss']
})

export class LoginComponent implements OnInit {

loginForm : FormGroup;
success = false;
loginFailed = false;

constructor(private formBuilder : FormBuilder) { }

ngOnInit() : void {

    this.loginForm = this.formBuilder.group({
      username: ['', Validators.required],
      password: ['', Validators.required]
    });
}

DoLogin()
{
    console.log(this.loginForm.value);

    const salt = bcrypt.genSaltSync(10);
    pass = bcrypt.hashSync('Pass@123', 10);
}

Après cela, si vous obtenez un Module not found: Error: Can't resolve 'crypto'... erreur Module not found: Error: Can't resolve 'crypto'... , vous devez ajouter ce code dans le fichier packaje.json:

import * as bcrypt from 'bcryptjs';

const salt = bcrypt.genSaltSync(10);
pass = bcrypt.hashSync(this.loginForm.value.password, salt);

J'espère que cela aide quelqu'un.

Vous pouvez installer * npm install bcryptjs * à partir du terminal. Avec cela, vous obtiendrez les bibliothèques de bcryptjs.
L'étape suivante consiste à changer votre ancien ( import * comme bcrypt de 'bcrypt'; ) au nouveau:
import * comme bcrypt depuis 'bcryptjs';
Utilisez les mêmes méthodes et cela ne m'a posé aucun problème.
Exemple:

    if ((user == users[i].username) && (bcrypt.compareSync(pass, users[i].password))) ok = true;

Vous pouvez utiliser sha.js : le repos est à vous :)

npm install --save sha.js

import * as shajs from 'sha.js';

shajs('sha256').update({stringToBeHashed}).digest('hex')

oui, vous pouvez utiliser npm install bcryptjs --save au lieu de npm install bcrypt --save

bcryptjs not giveng error, vous pouvez donc l'utiliser en angular