如何将Dapp连接到Metamask，并通过Remix与部署在Ropsten上的智能合约交互

Question

我通过remix将智能合约部署到ropsten测试网，现在我想通过网站（dapp）与它交互。我正在创建一个拍卖dapp。用户必须输入他想要的ETH金额来出价购买该文章。通过按钮提交值后，单击我希望元掩码弹出并处理事务。

我从https://docs.metamask.io/guide/getting-started.html#basic-considerations拿到了连接Metamask的js代码

if (typeof window.ethereum !== 'undefined') {
    console.log('MetaMask is installed!');
 }
else{
      console.log('MetaMask not installed!');
}

const ethereumButton = document.querySelector('.enableEthereumButton');
const showAccount = document.querySelector('.showAccount');

ethereumButton.addEventListener('click', () => {
  getAccount();
});

async function getAccount() {
  const accounts = await ethereum.request({ method: 'eth_requestAccounts' });
  const account = accounts[0];
  showAccount.innerHTML = account;
}

它工作得很好，Metamask出现了，但我遇到的问题是如何将dapp连接到已部署的ropsten合同（通过remix部署，在ropsten etherscan上可见）。

我试着把它和这个js脚本联系起来

<script>
      // Initialize Web3
      if (typeof web3 !== 'undefined') {
        web3 = new Web3(web3.currentProvider);
      } else {
        web3 = new Web3(new Web3.providers.HttpProvider('http://localhost:7545'));
      }

      // Set Account
      web3.eth.defaultAccount = web3.eth.accounts[0];

      // Set Contract Abi
      var contractAbi = []; // Add Your Contract ABI here!!!

      // Set Contract Address
      var contractAddress = ''; // ?????

      // Set the Contract
      var contract = web3.eth.contract(contractAbi).at(contractAddress);
      ...

    </script>

但是我不知道如何将它与部署在ropsten上的合同联系起来。

在我在互联网上读了一些东西之后，我创建了一个infura节点来连接合同，但我又被卡住了。当我只使用metamask和dapp交互时，我是否必须连接到infura节点。

Answer 1

查看有关如何使用Metamask连接Web3的问题。

成功连接Metamask后。你需要把contractABI放进去

// Set Contract Abi
   var contractAbi = []; // Add Your Contract ABI here!!!

和合同地址

// Set Contract Address
   var contractAddress = ''; // ?????

然后，您可以通过在

// Set the Contract
   var contract = web3.eth.contract(contractAbi).at(contractAddress);

然后，此合同对象将允许您与部署的合同进行交互。。