지갑 네트워크 추가

React Library

이 예제에서는 '네트워크 추가' 함수를 호출하여 신규 네트워크를 지갑에 추가 합니다.

1. 프로젝트 생성

터미널에서 다음과 같이 프로젝트를 생성합니다.

npx create-react-app locuschain-example-addnetwork --template typescript

2. App.tsx 수정

App.tsx 파일에 다음 내용을 업데이트 하세요.

// @ts-nocheck
import React, { useEffect, useState } from 'react';

function App() {
  const [result, setResult] = useState<boolean>();

  const addNetwork = () => {
    if (!window.locus) {
      alert('Locus wallet is not installed on this device.');
      return;
    }

    const network = {
      name: 'localhost1',
      rpcUrl: 'http://localhost:9595',
      currencySymbol: 'LOCUS',
      explorerUrl: 'http://gamechain.locuschain.com:8003/#/accounts/${addr}',      
    }

    const result = window.locus.request('addNetwork', network).catch((err) => {
      console.error(err);
    });
    setResult(result)
  }

  return <>
    <button onClick={addNetwork}>Add network to wallet</button>
    <div>result: {`${result}`}</div>
  </>
}

export default App;

지갑의 addNewtork함수에 네트워크 정보를 파라미터로 실행합니다.
네트워크 추가 작업의 성공 여부를 boolean으로 반환받습니다.

정보

사용 가능한 함수 목록은 여기에서 볼 수 있습니다.

3. 실행

터미널에서 다음과같이 프로젝트를 실행합니다.

npm run start