[M1 MAC] CryptoJS 설치하기 ( M1 미지원 라이브러리 cdn으로 사용하기)

728x90

핸드폰 번호를 입력받고 SMS로 난수를 발송하고 인증을 하는 과정 구현중,

CryptoJS 라이브러리를 사용하여 전송한 난수를 암복호화 하는 과정을 정리해봅니다

npm install --save crypto-js

근데 m1은 설치에서 오류가 지원 안되는 환경이라고 하더라...

그래서 cdn으로 사용하기로 ..!!!

index.html에 cdn link 삽입

cnd 참고 cdnjs.com/libraries/crypto-js

// index.html

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
</head>

cdn으로 적용하고 사용한 코드이므로 ,

npm으로 설치한 경우에는 CryptoJs를 import 하고 window 지우고 사용

// 암호화
const encrypt = window.CryptoJS.AES.encrypt(암호화 할 문자나 숫자, 키).toString();

첫번째 인자로 암호화 할 숫자나, 문자 또는 object(JSON.stringify사용) 들을 넣어준다.

두번째 인자로는 복호화에도 사용할 비밀키를 넣어주는데, 실제 구현시 공개되지 않도록 주의한다.

// 복호화
const bytes  = window.CryptoJS.AES.decrypt(암호화 된 문자, 암호화시 설정한 키);
const decrypt = bytes.toString(window.CryptoJS.enc.Utf8);

암호화된 encrypt 와 복호화된 decrypt가 같게 나오므로 완성 : )

✔︎참고

728x90

배포시 console 안보이게 하기 ( with . Vue.js ) (1)	2021.07.03
[ IOS ] 핸드폰 문자 인증번호 자동완성 시키기 ( Autofill ) + 자동완성 가능한 문자형태 (0)	2021.06.30
[M1 MAC] homebrew 설치하기 ( zsh: command not found 오류 해결 ) (3)	2021.04.27
yarn 설치 오류 : Git must be installed and in your PATH! (0)	2021.04.26
[ Git ] Git을 단축어로 사용 ! alias 정리 ( with. fzf , tig ) (1)	2021.04.09

designloper