메타 마스크를 사용한 DAPP의 체인 변경을 처리하는 방법은 무엇입니까?

DAPP의 체인 변화 이해

DAPP (Decentralized Applications)와 개발 또는 상호 작용할 때 사용자와 개발자가 직면 한 가장 일반적인 과제 중 하나는 체인 변경을 처리하는 것 입니다. 가장 널리 사용되는 cryptocurrency 지갑 중 하나 인 Metamask는 사용자가 다른 블록 체인 네트워크를 전환 할 수 있습니다. 그러나 DAPP가 이러한 체인 변경을 감지하고 응답하기 위해 제대로 구성되지 않으면 혼란이 발생할 수 있습니다. 여기에는 Ethereum Mainnet에서 Binance Smart Chain 또는 Testnet 환경으로 전환하는 것과 같은 시나리오가 포함됩니다.

핵심 문제는 메타 마스크에서 선택한 네트워크가 변경 될 때 DAPP가 올바르게 반응하도록 보장하는 것을 중심으로합니다. 이는 잘못된 체인 ID 또는 RPC 엔드 포인트로 인해 사용자 경험을 유지하고 트랜잭션 오류를 방지하는 데 중요합니다.

메타 마스크의 네트워크 변화 감지

Metamask는 chainChanged 라는 이벤트 리스너를 제공하며 사용자가 다른 네트워크로 전환 할 때마다 트리거됩니다. 이를 처리하려면 DAPP의 JavaScript 코드 내에서 체인 변경 이벤트 리스너 를 구현해야합니다.

설정하는 방법은 다음과 같습니다.

• web3를 가져 오거나 Window.Ethereum에서 주입 된 제공자를 사용하십시오.
• chainChanged 의 이벤트 리스너 추가 :

   window.ethereum.on('chainChanged', handleChainChanged);

• 새 체인 ID를 기반으로 DAPP를 다시로드하거나 재구성하기 위해 handleChainChanged 함수를 정의하십시오.

이를 통해 DAPP는 항상 사용자가 현재 연결되어 있고 그에 따라 적응할 수있는 네트워크를 항상 알고 있습니다.

체인 ID 및 네트워크 식별자 처리

각 블록 체인 네트워크에는 체인 ID 로 알려진 고유 식별자가 있습니다. 예를 들어, Ethereum Mainnet은 체인 ID 1 사용하고 Rinkeby는 4 사용합니다. 사용자가 체인을 전환하면 chainChanged 이벤트는 새로운 체인 ID를 16 진 형식으로 반환합니다.

호환성을 보장하려면 DAPP가 다음에는 안됩니다.

• parseInt(chainId, 16) 사용하여 반환 된 체인 ID를 16 진수에서 10 진수로 변환하십시오.
• 결과 값을 지원되는 체인 ID 목록과 비교하십시오.
• 선택한 체인이 지원되지 않은 경우 적절한 UI 피드백을 표시하거나 사용자를 리디렉션하십시오.

체인이 지원되지 않으면 DAPP는 사용자에게 메타 마스크를 통해 사용자 정의 네트워크를 추가하는 방법에 대한 지침을 제공하라는 메시지를 표시해야합니다.

공급자 업데이트 및 계약 재 연결

체인 변경을 감지 한 후 제공자를 업데이트하고 스마트 계약 인스턴스를 다시 연결해야합니다. 그렇게하지 않으면 데이터 검색이 잘못되거나 트랜잭션이 실패 할 수 있습니다.

따라야 할 단계 :

• 체인 변경 후 window.ethereum 사용하여 Web3의 새 인스턴스를 만듭니다.
• 업데이트 된 공급자를 사용하여 모든 계약 인스턴스를 다시 연결하십시오.
• 현재 네트워크를 반영하기 위해 계정 잔액 및 계약 상태를 다시 가져옵니다.

이 프로세스는 모든 상호 작용이 올바른 체인에서 발생하고 네트워크 스위치에 관계없이 DAPP가 반응적이고 정확하게 유지되도록합니다.

사용자가 사용자 정의 체인을 추가하도록 유도합니다

때로는 DAPP가 Metamask에서 기본적으로 사용할 수없는 네트워크에 사용자를 연결해야 할 수도 있습니다. 이 경우 wallet_addEthereumChain 메소드를 사용하여 사용자 정의 네트워크를 추가하라는 메시지가 표시 될 수 있습니다.

이 조치를 유발하는 방법은 다음과 같습니다.

• 대상 네트워크의 RPC URL, 체인 ID, 통화 기호 및 블록 탐색기 URL을 준비하십시오.
• 다음 방법을 호출하십시오.

   await window.ethereum.request({ method: 'wallet_addEthereumChain', params: [{ chainId: '0x...', rpcUrls: ['https://...'], chainName: 'Custom Network', nativeCurrency: { name: 'Token', symbol: 'TKN', decimals: 18 }, blockExplorerUrls: ['https://...']

  }] });

이렇게하면 메타 마스크 확인 대화 상자가 열려서 사용자가 네트워크를 안전하게 추가 할 수 있습니다.

자주 묻는 질문

체인 변경 이벤트는 얼마나 자주 발생합니까?

Chainchanged 이벤트는 사용자가 메타 마스크에서 네트워크를 수동으로 전환 할 때마다 또는 다른 DAPP가 네트워크 변경을 트리거 할 때마다 발생합니다. 초기 페이지로드 중에는 발사되지 않고 네트워크가 시작 후 변경 될 때만 발사됩니다.

Metamask에서 프로그래밍 방식으로 체인을 전환 할 수 있습니까?

예, wallet_switchEthereumChain 메소드를 사용하여 체인 스위치를 요청할 수 있습니다. 원하는 체인 ID를 16 진 형식으로 전달해야합니다. 체인이 아직 추가되지 않으면 Metamask는 사용자에게 먼저 추가하라는 메시지를 표시합니다.

내 DAPP가 체인이 즉시 변경되지 않는 이유는 무엇입니까?

DAPP는 window.ethereum.on('chainChanged', callback) 사용하여 chainChanged 이벤트를 적극적으로 들어야합니다. 이 리스너가 런타임에 등록되지 않았거나 실행 중에 제거되는 경우 DAPP는 체인 변경을 감지하지 않습니다.

사용자가 지원되지 않는 체인을 선택하면 어떻게됩니까?

DAPP가 선택한 체인을 지원하지 않으면 현재 네트워크가 지원되지 않음을 나타내는 경고 메시지를 표시해야합니다. 또한 올바른 네트워크를 추가하거나 지원되는 네트워크로 다시 전환하여 사용자를 안내하는 버튼을 제공 할 수도 있습니다.