Besseres Muster zum Erkennen des web3-Standardkontos bei Verwendung von Metamask

Die eine Methode, die zuverlässiger ist als das In-Page- accountsArray, ist web3.eth.getAccounts(accounts => console.log(accounts[0])).

Dadurch wird das Konten-Array asynchron angefordert und zurückgerufen, wenn es verfügbar ist.

Folgendes verwende ich in meinem Dapp. Es scheint ziemlich gut zu funktionieren.

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);
  }
}

So verwendet:

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

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

Der Hauptunterschied besteht darin, dass ich die defaultAccountvon der ursprünglichen window.web3Instanz kopiere. Sie werden feststellen, dass kein MetaMask-spezifischer Code web3.eth.defaultAccountTeil der Javascript-API ist. MetaMask scheint sich zu füllen, defaultAccountsobald Sie Ihre Brieftasche entsperren.

Die Überprüfung web3.eth.accounts[0]alle 100 Millisekunden ist in einigen Fällen viel schneller als 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);
  }
}());

Bei Verwendung eines Proxys Option 2war es bei mir bis zu 35 Sekunden (!) schneller als Option 1.

In Bezug auf web3.eth.defaultAccountsagt die MetaMask-Dokumentation , dass sie nicht verwendet werden sollte, um zu erkennen, welches Konto derzeit vom Benutzer ausgewählt ist.

Übrigens, laut MetaMask-Dokumentation müssen Sie setTimeout/ trotzdem verwenden, um auf ausgewähltesetInterval Kontoänderungen zu hören :

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

Ein paar Dinge, die mir bei der Verwendung von MetaMask aufgefallen sind.

1. defaultAccountist nicht immer besetzt. Es ist sicherer, es web3.eth.accounts[0]als Überprüfung zu verwenden, um festzustellen, ob ein Konto ausgewählt ist oder nicht. Sie müssen diesen Wert regelmäßig abrufen, wenn Sie wissen möchten, ob sich das ausgewählte Konto ebenfalls ändert.

2. Das loadEreignis scheint auch in einigen meiner Erfahrungen nicht immer zuverlässig zu sein. Ich habe das schließlich gelöst, aber ich habe meinen Code nicht zur Hand, um zu demonstrieren, wie. Ich werde diesen Beitrag später damit aktualisieren, wenn das accounts[0]Stück nicht ausreicht.

Wenn Sie React verwenden und auf dieses Problem stoßen, müssen Sie nur Folgendes tun:

1. web3 installieren:

npm install web3 --save

2. Überprüfen Sie, ob MetaMask vorhanden ist:

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 :(');
  }
}

Kein schamloser Stecker.

Kürzlich angefangen zu verwenden: https://www.blocknative.com/

Sie bieten gute Onboarding-Muster mit MetaMask.