🔐 section4 니모닉 (Mnemonic) 코드 지갑 with Nextjs

간단한 지갑 생성 사이트 만들기

간단한 프론트 페이지도 같이 만들 예정이다.

기술 스택 : nextjs, react, axios, eth-lightwallet

환경 : node 16.1.0, 나머지는 package.json 참조

node 환경이 17.8.0 일 경우 에러발생!! 자세한 건 아래 주소 참조

error:0308010C:digital envelope routines::unsupported"

• eth-lightwallet 공식문서

1. 기본 패키지 설치

npx create-next-app@latest
yarn add axios eth-lightwallet
yarn dev

2. ./pages/api 경로에 newMnemonic.js, newWallet.js 파일 생성

3. 나모닉 코드 및 지갑 생성

// newMnemonic.js
...
mnemonic = lightwallet.keystore.generateRandomSeed();
// 니모닉 코드를 생성 하기 위해 eth-lightwallet라이브러리의
// generateRandomSeed() 함수를 사용했다.
...

// newWallet.js

const newWallet = (req, res) => {
    ...
    const { body: { password, mnemonic } = {} } = req // 인자를 받고
    ...
    try {
        lightwallet.keystore.createVault( // keystore 생성 함수
            {
                password: password, // 비밀번호
                seedPhrase: mnemonic, // 니모닉 코드
                hdPathString: "m/0'/0'/0'" // HD derivation
            }, (err, keyStore) => {
                keyStore.keyFromPassword(password, function (err, pwDerivedKey) {
                    //keyFromPassword 메소드는 내부적으로 구성된 salt 값을 사용한다.
                    //keyStore를 암호화/복호화하는 데 사용되는 유형의 대칭 키를 생성한다.
                    keyStore.generateNewAddress(pwDerivedKey, 1);
                    // 자격 증명 모음에서 추가 내부 주소/개인 키 쌍을 생성할 수 있다.
                    const address = (keyStore.getAddresses()).toString();
                    // 현재 keyStore에 저장된 16진수 문자열 주소 목록을 반환한다.
                    const keystore = keyStore.serialize();
                    // 현재 keystore object를 JSON 인코딩 문자열로 변환 후 해당 문자열을 반환한다.
                    fs.writeFile('wallet.json', keystore, function (err, data) {
                        // file system을 사용하여  wallet.json 파일에 keystore 데이터를 저장한다.
                        if (err) {
                            return res.json({ code: 999, message: "실패" });
                        } else {
                            return res.json({ address, code: 1, message: "성공" });
                        }
                    });
                });
            }
        )
    }
}

4. 간단한 테스트용 리액트 파일 만들기

• component 구성

5. 실행

 

wallet.json 파일에는 아래와 같이 저장된다.

{
    "encSeed":{"encStr":"SqR4PokSmiuIcqvqfo ...생략... kf2WYu"},
    "encHdRootPriv":{"encStr":"AAEipQNeHRniWmFlS ...생략... 07jhBjJfH80v+pAY+WyCGEYQ==",
    "nonce":"2IfBsVgSJTcI8ldWNV+QDBdu6EE6v/9P"},
    "addresses":["7c6c0b50c950451bb5f55d95a0b8295746d3c4c1"],
    "encPrivKeys":{
    	"7c6c0b50c950451bb5f55d95a0b8295746d3c4c1":{
            "key":"GKVr76fuXxx9zVadHYb7a +QDAD4+AYqIYKQXlb8oY8qU/luxJFtGwfGVA5IPV2+e",
            "nonce":"tPAhkSoRSHLPoX0uFI2T2095foUfyoEy"
        }
    },
    "hdPathString":"m/0'/0'/0'",
    "salt":"khJxGloh6TLEmZDYgdMNDf7a4b3llUvYgs8hbnmJbks=",
    "hdIndex":1,
    "version":3
}

후기

요즘 next를 공부하고 있기에 접목해 보고자 시작하게 되었다.

서버를 재부팅 한 후 api로 request를 보내면 첫 번째만 아래와 같은 오류를 뿜어냈다. 😂😂

찾아보니 eth-lightwallet을 설치할 때 bitcore-lib가 같이 설치된다.

node_modules\bitcore-lib\index.js 파일을 열어보면 아래와 같은 코드가 있다.

// module information
bitcore.version = 'v' + require('./package.json').version;
bitcore.versionGuard = function(version) {
  if (version !== undefined) {
    var message = 'More than one instance of bitcore-lib found. ' +
      'Please make sure to require bitcore-lib and check that submodules do' +
      ' not also include their own bitcore-lib dependency.';
    throw new Error(message);
  }
};
bitcore.versionGuard(global._bitcore);
global._bitcore = bitcore.version;

next서버의 특성상 bitcore 가 중복으로 불러온것인지

싱글톤으로 구현했는데도 매번 서버 재부팅 시에 오류가 발생하여 난감했다.

아직 해결하지 못했고 시간이 되면 마저 오류를 찾아볼 예정이다.

그 외에는 eth-lightwallet 공식문서에 잘 나와있어서 어려움 없이 프로젝트를 마무리했다.