Ionic 2 Importbibliotheken

Question

Ich versuche crypto-js mit Ionic zu implementieren 2.

ich folgendes getan:

npm install crypto-js 
typings install dt~crypto-js --global --save 

Mein index.d.ts jetzt enthält:

/// <reference path="globals/crypto-js/index.d.ts" />

A crypto-js Ordner wurde unter ./typings/global

erstellt

Ich versuche dann den folgenden Code:

declare var require: any; 
import * as CryptoJS from 'crypto-js'; 

... 

private CryptoJS: any; 

    constructor() { 
     this.CryptoJS = require("crypto-js"); 
    } 

    test() { 
     alert(this.CryptoJS); 
    } 

Sobald ich Referenz versuchen this.CryptoJS (d alert(this.CryptoJS)) die App stürzt ab.

Ich mache etwas falsch in der Art, wie ich die crypto-js Bibliotheken importieren. Bitte kann jemand beraten?

Dank

UPDATE:

folgende this, ich laufe:

>npm install --save @types/cryptojs 
npm WARN package.json theWhoZoo@ No repository field. 
npm WARN package.json theWhoZoo@ No README data 
npm WARN package.json theWhoZoo@ No license field. 
@types/cryptojs@3.1.29 node_modules\@types\cryptojs 

Wie kann ich CryptoJS im Code importieren?

Dank

UPDATE:

import { Injectable } from "@angular/core"; 
import { LanguageModel } from './languageModel'; 
import { LocationModel } from './locationModel'; 
import { JobModel } from './jobModel'; 
import 'crypto-js'; 

@Injectable() 
export class PersonModel { 

    public id: number = null; 
    public joiningDate: number = null; 
    public lastAccessDate: number = null; 
    public userName: string = null; 
    public password: string = null; 
    public firstName: string = null; 
    public lastName: string = null; 
    public emailAddress: string = null; 
    public locations: LocationModel[] = []; 
    public languages: LanguageModel[] = []; 
    public time: string = null; 
    public avatar: string = null; 
    public avatar64: string = null; 

    //private CryptoJS: any; 
    private SECERET_KEY: string = 'secret key 123'; 

    public getPasswordEcrypted(): string { 
     // Decrypt 
     var bytes = CryptoJS.AES.decrypt(this.password.toString(), this.SECERET_KEY); 
     var plaintext = bytes.toString(CryptoJS.enc.Utf8); 
     console.log('getPasswordEcrypted', plaintext); 
     return plaintext; 
    } 

    public setPasswordEncrypted(password: string): void { 
     // Encrypt 
alert(password); 
     console.log('setPasswordEncrypted', password, CryptoJS); 
alert(CryptoJS); 
     var ciphertext = CryptoJS.AES.encrypt(password, this.SECERET_KEY); 
alert(ciphertext); 
     console.log('setPasswordEncrypted', password, ciphertext); 
     this.password = ciphertext; 
    } 
} 

UPDATE:

zu ändern:

import CryptoJS from 'crypto-js'; 

ergibt:

UPDATE:

Ausführen dieser:

typings install dt~crypto-js --global --save 

führt zu keinem Buildfehler, aber während der Laufzeit, wenn CryptoJS zugegriffen wird (z.B. console.log(CryptoJS);), stürzt die App ab.

Answer 1

Sie hatten Recht, zu Typen zu wechseln, da ionische @ types und nicht typings verwendet.

Vor allem

import * as CryptoJS from 'crypto-js'; 

Sollte

import 'crypto-js'; 

In diesem speziellen Fall Krypto js ist kein richtiger Knotenmodul, so dass die Einfuhr in die allgemeine Datei ist

Es gibt auch keine requires in typescript, außer du hast es installiert, stattdessen musst du importieren. So ist dies nicht sinnvoll:

this.CryptoJS = require("crypto-js"); 

Dies erklärt eine leere Variable irgend:

private CryptoJS: any; 

Wenn Sie es übersetzen Javascript es würde wie folgt aussehen: So

var CryptoJS; 

Das ist im Grunde sehr überflüssig. Sie haben bereits die Variable aus dem Import

In Zusammenfassung dieser Code sein sollte:

import CryptoJS from 'crypto-js'; 


class SomeClass{ 

     test(){ 
      alert(CryptoJS); 
     } 
} 

Answer 2

Here ist die Lösung.

Nachdem Sie die NPM-Bibliotheken installieren

npm install crypto-js @types/cryptojs --save 

eine declaration.d.ts Datei unter src Erstellen und Erklärung zum Modul hinzufügen. Dies löst das nicht definierte Problem Ihres Moduls.

declare module 'crypto-js'; 

Innerhalb der Serviceklasse selbst die Import CrytoJS aus dem Modul wie folgt hinzu:

import CryptoJS from 'crypto-js'; 

Jetzt in Ihrem Code Sie CryptoJS verweisen können. Denn Beispiel:

let obj = CryptoJS.enc.Base64.stringify(CryptoJS.HmacSHA256(['abcd', this.config.salt].join(':'), this.config.salt)); 

console.log(obj); 

Ausgänge:

t2eCyUuZMKRNTRqCW0L5KRvMjWhLV887h1ehjCNSr2c= 

Answer 3

Ich weiß nicht, ob dieses Thema geschlossen ist oder nicht, und ich habe gerade das gleiche Problem für mich gelöst, so ...

Eigentlich scheint es, wie Sie müssen nur installieren crytpoJS mit:

npm install crypto-js --save 

und importieren Sie die genaue Datei/Bibliothek, die Sie u wollen se mit:

import { SHA3 } from "crypto-js"; // SHA3 one-way encryption 
import { AES } from 'crypto-js'; // For AES encryption/decryption 
import { enc } from 'crypto-js'; // For characters encodages types (Utf-8, latin1...) 

Jetzt können Sie CryptoJs Funktionen verwenden, indem Sie direkt den Namen der importierten Bibliothek:

//AES 
let encrypted = AES.encrypt('my message', 'secret key 123'); 
let bytes = AES.decrypt(encrypted.toString(), 'secret key 123'); 
let decrypted = bytes.toString(enc.Utf8); 

//SHA 
let hash = SHA3('password', { outputLength: 224 }).toString() 

Vielleicht hat jemand helfen, es wird, eines Tages ...

Grüße.