Лучший шаблон для обнаружения учетной записи web3 по умолчанию при использовании метамаски

Единственный метод, который более надежен, чем accountsмассив на странице, — это web3.eth.getAccounts(accounts => console.log(accounts[0])).

Это асинхронно запросит массив учетных записей и перезвонит, когда он будет доступен.

Вот что я использую в своем Dapp. Кажется, это работает очень хорошо.

function getWeb3(callback) {
  if (typeof window.web3 === 'undefined') {
    // no web3, use fallback
    console.error("Please use a web3 browser");
  } else {
    // window.web3 == web3 most of the time. Don't override the provided,
    // web3, just wrap it in your Web3.
    var myWeb3 = new Web3(window.web3.currentProvider); 

    // the default account doesn't seem to be persisted, copy it to our
    // new instance
    myWeb3.eth.defaultAccount = window.web3.eth.defaultAccount;

    callback(myWeb3);
  }
}

Используется так:

function startApp(web3) {
  // ...
}

window.addEventListener('load', function() {
  getWeb3(startApp);
});

Ключевое отличие состоит в том, что я копирую defaultAccountиз исходного window.web3экземпляра. Вы заметите, что web3.eth.defaultAccountв Javascript API нет кода, специфичного для MetaMask. MetaMask, кажется, заполняется, defaultAccountкак только вы разблокируете свой кошелек.

Проверка web3.eth.accounts[0]каждые 100 миллисекунд в некоторых случаях намного быстрее, чем web3.eth.getAccounts():

// Option 1:
web3.eth.getAccounts(console.log);

// Option 2:
(function loop() {
  if (web3.eth.accounts[0]) {
    console.log(web3.eth.accounts[0]);
  } else {
    setTimeout(loop, 100);
  }
}());

При использовании прокси Option 2для меня это было на 35 секунд (!) быстрее, чем Option 1.

Что касается web3.eth.defaultAccount, в документации MetaMask говорится, что его не следует использовать для определения того, какая учетная запись выбрана пользователем в данный момент.

Кстати, согласно документации MetaMask, вам нужно будет использовать setTimeout/ setIntervalв любом случае для прослушивания выбранных изменений учетной записи :

var account = web3.eth.accounts[0];
setInterval(function () {
  if (web3.eth.accounts[0] !== account) {
    account = web3.eth.accounts[0];
    updateInterface();
  }
}, 100);

Пара вещей, которые я заметил при использовании MetaMask.

1. defaultAccountне всегда заселен. Безопаснее использовать web3.eth.accounts[0]в качестве проверки, выбрана ли учетная запись. Вам нужно будет периодически опрашивать это значение, если вы хотите знать, изменяется ли выбранная учетная запись.

2. Это loadсобытие также не всегда кажется надежным в некоторых моих опытах. В конце концов я решил это, но у меня нет кода, чтобы продемонстрировать, как это сделать. Я обновлю этот пост позже, если этого accounts[0]фрагмента недостаточно.

Если вы используете React и столкнулись с этой проблемой, вам нужно сделать только это:

1. Установите веб3:

npm install web3 --save

2. Проверяем, есть ли MetaMask:

import 'Web3' from 'web3';

// ...

componentDidMount() {

  // Check if Web3 has been injected by the browser (MetaMask).
  // (since 'web3' is global, we need to use 'window')
  if (window.web3 && window.web3.currentProvider.isMetaMask) {
    window.web3.eth.getAccounts((error, accounts) => {

      // Do whatever you need to.
      this.setState({wallet: accounts[0]});
    });
  } else {
    console.log('MetaMask account not detected :(');
  }
}

Не бессовестный штекер.

Недавно начал использовать: https://www.blocknative.com/

Они предлагают хорошие шаблоны адаптации с MetaMask.