阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      vue/react 加载 Web3 模块

      封装 web3

      getWeb3.js

      import Web3 from "web3";
      
      const getWeb3 = () =>
        new Promise((resolve, reject) => {
          // Wait for loading completion to avoid race conditions with web3 injection timing.
          window.addEventListener("load", async () => {
            // Modern dapp browsers...
            if (window.ethereum) {
              const web3 = new Web3(window.ethereum);
              try {
                // Request account access if needed
                await window.ethereum.enable();
                // Acccounts now exposed
                resolve(web3);
              } catch (error) {
                reject(error);
              }
            }
            // Legacy dapp browsers...
            else if (window.web3) {
              // Use Mist/MetaMask's provider.
              const web3 = window.web3;
              console.log("Injected web3 detected.");
              resolve(web3);
            }
            // Fallback to localhost; use dev console port by default...
            else {
              const provider = new Web3.providers.HttpProvider(
                "http://127.0.0.1:9545"
              );
              const web3 = new Web3(provider);
              console.log("No web3 instance injected, using Local web3.");
              resolve(web3);
            }
          });
        });
      
      export default getWeb3;
      

      使用如下

      import getWeb3 from "./utils/getWeb3";
      
      // Get network provider and web3 instance.
      const web3 = await getWeb3();
      
      // Use web3 to get the user's accounts.
      const accounts = await web3.eth.getAccounts();
      
      目录
      目录