kaikas 연결

kaikas 연결하는 방법은 단순하지만 transaction까지 사용할 것을 감안한다면 caver js를 사용해야하기 때문에 먼저 셋팅을 npm이 아닌 yarm으로 진행해주시길 바랍니다. yarm으로 셋팅되어야 caver js를 다룰 때에 충돌 없을 수 있습니다. 

혹시 yarm 설치가 잘안될 경우에는 블로그에서 caver-js실행이 안된다면을 확인해주시길 바랍니다. 

 

import React from "react";
import "../css/Connect.scss"

function Connect(){
    const { klaytn } = window;
    async function connect(){
        // 카이카스 접속 
        const accounts = await klaytn.enable();
        accounts()
    }
    return(
        <div className="connect-layout">
            <button onClick={() => {connect();}}>Connect</button>
        </div>
    )
}

export default Connect;

참고) 우선 이렇게 만들어보고 테스트해보시길 바랍니다. 그럼 카이카스가 연결되는 것을 볼 수 있습니다. 로그인했을 때 이렇게 들어가고 그 이후에는 계정감지 및 로그아웃으로 확인하시면 됩니다. 

 

자료) 공식문서

https://docs.kaikas.io/01_getting_started/02_quick_start

Quick Start - Kaikas Docs