ETH开发DAPP使用Web3+Vue唤醒MetaMask钱包和合约交互

注：
1、we3版本：0.20.7
2、下面使用的是标准的ERC20合约测试
3、其他 HECO BSC OK Polygon 公链对接类似

1、在 mounted 中自动检测浏览器是否安装metaMask钱包

mounted () { if (window.ethereum) { window.ethereum.enable().then((res) => { //alert("当前钱包地址："+res[0]) }) }else{ alert("请安装metaMask钱包") } }

2、查询钱包ETH余额

let web3 = new Web3(window.web3.currentProvider)let fromAddress = web3.eth.accounts[0];web3.eth.getBalance(fromAddress,(err, res) => { if (!err) { console.log("ETH余额==",res.tonumber()/Math.pow(10,18)); } })

3、查询代币余额

let web3 = new Web3(window.web3.currentProvider)let fromAddress = web3.eth.accounts[0];let ethContract = web3.eth.contract("代币合约Abi")let functionInstance = ethContract.at("代币合约地址")functionInstance.balanceOf(fromAddress,(err, res) => { if (!err) { //代币精度根据所发行的代币合约精度换算 console.log("代币余额==",res.tonumber()/Math.pow(10,18)); }})

4、ETH转账

let web3 = new Web3(window.web3.currentProvider)let fromAddress = web3.eth.accounts[0];//转账数量let amount = 1*Math.pow(10,18);//收款地址let toAddress = "0x40141cF4756A72DF8D8f81c1E0c2ad403C127b9E";web3.eth.sendTransaction({ gas: 21000, gasPrice: 5000000000, from: fromAddress, to: toAddress, value: amount }, (err, result) => { console.log("转账Hash=",result) })

5、代币转账

let web3 = new Web3(window.web3.currentProvider)let ethContract = web3.eth.contract("代币Abi")let functionInstance = ethContract.at("代币地址")//当前钱包地址let fromAddress = web3.eth.accounts[0];//转账数量let amount = 100*Math.pow(10,18);//接收地址let toAddress = "0x40141cF4756A72DF8D8f81c1E0c2ad403C127b9E";functionInstance.transfer(toAddress,amount,{ gas: 21000, gasPrice: 5000000000, from: fromAddress }, (err, result) => { console.log("转账Hash:",result) })

6、代币授权

let web3 = new Web3(window.web3.currentProvider)let abiContract = web3.eth.contract("代币合约Abi")let contractInstance = abiContract.at("代币合约地址")//当前钱包地址var fromAddress = web3.eth.accounts[0];//授权数量var amount = 1000 * Math.pow(10,18);contractInstance.approve("授权地址",amount,{ gas: 80000, gasPrice: 1500000000, from: fromAddress}, (err, result) => { console.log("交易Hash：",result)})

6、查询授权数量

let web3 = new Web3(window.web3.currentProvider)let abiContract = web3.eth.contract("代币合约Abi")let contractInstance = abiContract.at("代币合约地址")contractInstance.allowance("授权的用户钱包地址","授权的地址",(err, res) => { if (!err) { console.log("授权数量==",res.tonumber()); }})

7、查询去中心化交易所LP地址数量 计算价格

let web3 = new Web3(window.web3.currentProvider)let ethContract = web3.eth.contract("LP合约Abi")let functionInstance = ethContract.at("LP合约地址")functionInstance.getReserves((err, res) => { if (!err) { // 代币数量1 res[0].tonumber() // 代币数量2 res[1].tonumber() //根据先后顺序 2个相除可以得到价格 }})

多链钱包充提系统

学如逆水行舟，不进则退。心似平原跑马，易放难收。【区块链】【系统/网络/运维】【云计算/大数据】【数据库】【移动开发】【后端开发】【游戏开发】【UI设计】【微服务】【爬虫】【Java】【Go】【C++】【PHP】【Python】【Android/IOS】【HTML/CSS】【Javascript】【Node】【VUE】【ReactNaive】。。。

欢迎各位大神萌新一起专研分享各行各业技术!

Chain区块链开发社区：593674370