JS调用MetaMask调用启动转账

最新推荐文章于 2024-12-04 17:22:06 发布

杨航 AI

最新推荐文章于 2024-12-04 17:22:06 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/hanghangaidoudou/article/details/127895758

本文介绍了如何在Nginx环境下使用Web3.js与MetaMask进行以太坊智能合约交互，包括获取账户、查看余额、调用合约方法进行转账，并提供了示例代码和测试账户。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 、代码必须跑在nginx下，否则没有eth对象。

2、可以下载ganache来单跑个私服，然后安装谷歌metamask浏览器插件来实验

3、账户1:0xFA387e41FA471172cC729167EBD4862aA7020D91

账户2:0x818DF62ff0bE3B28AE8be25e2e848E10138018B7

4、1000000000000000 为金额

<!doctype html>
<html class="no-js" lang="en">
<meta charset="UTF-8">

<head>
<script src="https://cdn.jsdelivr.net/npm/const@1.0.0/src/const.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/big.js@6.2.1/big.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/web3@1.8.1/dist/web3.min.js"></script>
<script type="text/javascript">

send = async () =>{
alert('test')
const web3 = new Web3(window.ethereum);
ethereum.enable()
//获取地址
let accounts = await web3.eth.getAccounts();
let account = accounts[0];
console.log("地址:"+account)
// 返回指定地址账户的余额
let balance = await web3.eth.getBalance(account);
console.log("账户余额:"+balance)
let contractAbi = [这里输入你要交互合约的ABI]
let contractAddress = '这里输入你自己要交互的0X开头的合约地址'
let myContract = new web3.eth.Contract(contractAbi, contractAddress, {
from: account, // default from address
gasLimit: 70000,
gasPrice: 1000000000 // default gas price in wei, 10 gwei in this case
});
let a = 1000000
let toAddress = document.getElementById("toAddress").value;
console.log("转账地址:"+toAddress)
myContract.methods.transfer(toAddress, 1 * a,).send({from: account}, function(error, transactionHash){
if(!error) {
console.log('transactionHash is' + transactionHash);
} else {
console.log(error);
}
});
}

function sendTransaction(){
console.log(web3js)

web3js.eth.sendTransaction({
from: '0xFA387e41FA471172cC729167EBD4862aA7020D91',
to: '0x818DF62ff0bE3B28AE8be25e2e848E10138018B7',
value: '1000000000000000'
}).on('transactionHash', function(hash){
console.info(hash)
})
.on('receipt', function(receipt){
console.info(receipt)
})
.on('confirmation', function(confirmationNumber, receipt){
console.info(confirmationNumber)
console.info(receipt)
})
.on('error', console.error);
}
</script>
</head>

<body>

<input type="text" id="toAddress" placeholder="to transfer address" value="0x615DD7fF9E4CE3eB832551C473a21F4AA4Bd727B"/>
<input type="button" onclick="send()" value="有签名转账（无需提供privateKey）需要metamask解锁" />