METAMASK - 注入 - 用户如何使用 metamask API 支付自定义价值的 ETH？答案

【问题标题】：METAMASK - injection - How user can pay custom value of ETH with metamask API?METAMASK - 注入 - 用户如何使用 metamask API 支付自定义价值的 ETH？
【发布时间】：2021-08-03 16:04:01
【问题描述】：

我想给用户选择他自己的以太币价值的可能性。如何做到这一点？
按下连接到元掩码时如何有效地更改网络（例如，当用户按下此按钮时元掩码应将网络更改为币安智能链 (ID 56)

这是我的代码。

        <!DOCTYPE html>
        <html>
        <head>
        <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
        </head>
        <body>
        <div>
        <button class="enableEthereumButton btn">Enable Ethereum</button>
        <button class="sendEthButton btn">Send Eth</button>
        <div id="status"></div>
        </div>
        <script type="text/javascript">

        // Running on the page, in the browser
        if (typeof window.ethereum !== 'undefined') {
          console.log('MetaMask is installed!');
        }   
        if (!ethereum || !ethereum.isMetaMask) {
          throw new Error('Please install MetaMask.')
        }   
        /*********************************************************/
        /* Handle chain (network) and chainChanged, per EIP 1193 */
        /*********************************************************/

        // Do this:
        ethereum.on('chainChanged', (chainId) => {
          /* handle the chainId */
        });
        const ethereumButton = document.querySelector('.enableEthereumButton');
        const sendEthButton = document.querySelector('.sendEthButton');

        let accounts = [];

        //Sending Ethereum to an address
        sendEthButton.addEventListener('click', () => {
          ethereum
            .request({
              method: 'eth_sendTransaction',
              params: [
                {
                  from: accounts[0],
                  to: '0x6adress.................',
                  value: '0x00',
                  gasPrice: '0x0000001F6EA08600',
                  gas: '0x0001ADB0',
                },
              ],
            })
            .then((txHash) => console.log(txHash))
            .catch((error) => console.error);
        });

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

        async function getAccount() {
          accounts = await ethereum.request({ method: 'eth_requestAccounts' });
        }
        </script>
        </body>
        </html>

Metamask screenshot

【问题讨论】：

标签： api ethereum web3 metamask

【解决方案1】：

为该值添加一个输入字段并将其传递给您的参数。这是基本的 html 表单 + javascript 交互，并非特定于 web3，因此有关如何执行此操作的更多信息，我会在这里查看 https://www.w3schools.com/html/html_forms.asp

要在您的应用中读取用户正在连接的网络，您可以监听链更改事件：https://docs.metamask.io/guide/ethereum-provider.html#events

如果他们没有连接到您的应用支持的网络，您应该向用户显示通知。

【讨论】：