0

我想在客户端加密数据，所以我找到了 SJCL npm。

浏览了他们的文档。但是，SJCL 贡献者提供的文档较少，无法在 Angular 中实现

我尝试了以下方法。

我安装了包

  1. npm install --save sjcl

    之后我也尝试安装类型定义

  2. npm install --save sjcl @types/sjcl

这是我的 package.json

{

"name": "project-name",

"version": "0.0.0",


  "scripts": {

    "ng": "ng",

    "start": "ng serve",

    "build": "ng build",

    "test": "ng test",

    "lint": "ng lint",

    "e2e": "ng e2e"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "~7.1.0",

    "@angular/cdk": "~7.1.0",

    "@angular/common": "~7.1.0",

    "@angular/compiler": "~7.1.0",

    "@angular/core": "~7.1.0",

    "@angular/forms": "~7.1.0",

    "@angular/platform-browser": "~7.1.0",

    "@angular/platform-browser-dynamic": "~7.1.0",

    "@angular/router": "~7.1.0",

    "@types/axios": "^0.14.0",

    "@types/sjcl": "^1.0.28",

    "angular-filepond": "^1.0.5",

    "core-js": "^2.5.4",

    "rxjs": "~6.3.3",

    "sjcl": "^1.0.8",

    "tslib": "^1.9.0",

    "zone.js": "~0.8.26"

  },

  "devDependencies": {

    "@angular-devkit/build-angular": "~0.11.0",

    "@angular/cli": "~7.1.2",

    "@angular/compiler-cli": "~7.1.0",

    "@angular/language-service": "~7.1.0",

    "@schematics/angular": "~7.1.0",

    "@types/echarts": "^4.1.3",

    "@types/jasmine": "~2.8.8",

    "@types/jasminewd2": "~2.0.3",

    "@types/node": "^8.9.5",

    "codelyzer": "~4.5.0",

    "jasmine-core": "~2.99.1",

    "jasmine-spec-reporter": "~4.2.1",

    "karma": "~3.1.1",

    "karma-chrome-launcher": "~2.2.0",

    "karma-coverage-istanbul-reporter": "~2.0.1",

    "karma-jasmine": "~1.1.2",

    "karma-jasmine-html-reporter": "^0.2.2",

    "protractor": "~5.4.0",

    "ts-node": "~7.0.0",

    "tslint": "~5.11.0",

    "typescript": "~3.1.6"

  }
}

我也这样做了

import * as sjcl from 'sjcl';

在我的一个组件中。

此外，我已经通过这个链接 Using SJCL library in Angular2

当我运行角度应用程序时，我得到

** WARNING in ./node_modules/sjcl/sjcl.js
Module not found: Error: Can't resolve 'crypto' in './node_modules/sjcl'**


**Note starts:**

used sjcl.encrypt("password", "data")
but after console.log(sjcl.encrypt("password", "data"))
it shows undefined

**Note ends:**

可能是我的笔记不是那么完美，或者我定义错误。如何在没有此警告的情况下使用 SJCL 加密数据？

4

2 回答 2

4

我遇到了同样的问题，经过一番研究，我发现这是与节点相关的警告。使用 Angular，您需要修改文件：

node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js

在我更改的文件末尾

节点：假，

进入

节点：{加密：真，流：真}，

于 2020-04-30T13:16:14.350 回答
1

我已经为我的反应应用程序使用了 sjcl 库。但过程保持不变。

import sjcl from 'sjcl';

现在您可以使用 sjcl.encrypt() 函数。如果您正在寻找 AES 加密的一些示例，您可以查看我的详细答案 https://stackoverflow.com/a/60504619/6453913

您也可以使用传统的 commonJs require 方法。

于 2020-03-04T19:26:03.270 回答