gpt4 book ai didi

javascript - 页面刷新后如何检查Metamask是否连接

转载 作者:行者123 更新时间:2023-12-05 00:34:31 24 4
gpt4 key购买 nike

我的 dApp 必须连接到 MetaMask。文档中有两个粗鲁的解决方案:让用户每次手动单击连接 btn 或在页面加载后弹出连接确认。我想实现唯一方便的解决方案:第一次用户通过单击连接 btn 并与 MetaMask 弹出窗口交互来手动连接,然后我的 dApp 检测到该连接仍然建立并使用此连接。我找不到解决方案,但我在其他 dApp 中看到了这一点(例如 Capture the ether)我使用:

import detectEthereumProvider from '@metamask/detect-provider';

const provider = await detectEthereumProvider();

if (provider) {
connect(provider)
} else {
// kind of "Install the MetaMask please!"
}

function connect(provider) {
// How to check if the connection is here
if (//connection established) {
// Show the user connected account address
} else {
// Connect
provider.request({ method: "eth_requestAccounts" })
.then // some logic
}
}

最佳答案

我终于找到了一个可能的解决方案,结果证明它应该很简单。有一个eth_accounts以太坊 JSON-RPC 中的方法,它允许我们在不实际请求的情况下请求可用帐户。这样我们可以检查 metamask 是否仍然连接(如果有任何帐户),并避免自动请求或每次都需要手动单击“连接”。简单的示例实现可能是:

// detect provider using @metamask/detect-provider
detectEthereumProvider().then((provider) => {
if (provider && provider.isMetaMask) {
provider.on('accountsChanged', handleAccountsChanged);
// connect btn is initially disabled
$('#connect-btn').addEventListener('click', connect);
checkConnection();
} else {
console.log('Please install MetaMask!');
}
});

function connect() {
ethereum
.request({ method: 'eth_requestAccounts' })
.then(handleAccountsChanged)
.catch((err) => {
if (err.code === 4001) {
console.log('Please connect to MetaMask.');
} else {
console.error(err);
}
});
}

function checkConnection() {
ethereum.request({ method: 'eth_accounts' }).then(handleAccountsChanged).catch(console.error);
}

function handleAccountsChanged(accounts) {
console.log(accounts);

if (accounts.length === 0) {
$('#connection-status').innerText = "You're not connected to MetaMask";
$('#connect-btn').disabled = false;
} else if (accounts[0] !== currentAccount) {
currentAccount = accounts[0];
$('#connection-status').innerText = `Address: ${currentAccount}`;
$('#connect-btn').disabled = true;
}
}

关于javascript - 页面刷新后如何检查Metamask是否连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71184100/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com