METAMASK - 注入 - 用户如何使用 metamask API 支付自定义价值的 ETH？
Posted
技术标签:
【中文标题】METAMASK - 注入 - 用户如何使用 metamask API 支付自定义价值的 ETH？【英文标题】：METAMASK - injection - How user can pay custom value of ETH with metamask API? 【发布时间】：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
【问题讨论】：
【参考方案1】：为该值添加一个输入字段并将其传递给您的参数。这是基本的 html 表单 + javascript 交互，并非特定于 web3，因此有关如何执行此操作的更多信息，我会在这里查看 https://www.w3schools.com/html/html_forms.asp
要在您的应用中读取用户正在连接的网络，您可以监听链更改事件：https://docs.metamask.io/guide/ethereum-provider.html#events
如果他们没有连接到您的应用支持的网络，您应该向用户显示通知。
【讨论】：
以上是关于METAMASK - 注入 - 用户如何使用 metamask API 支付自定义价值的 ETH？的主要内容，如果未能解决你的问题，请参考以下文章
如何从新的 MetaMask 以太坊 API 中获取账户列表？
如何监听 Metamask 的 web3 的合约“确认”/“取消”事件？
MetaMask 不注入 window.ethereum: Uncaught (in promise) TypeError: Cannot read property 'request' of und