uniapp 接入web3js

在模板文件index.html里引入web3js;也可以通过npm i web3 ;还有把文件下载到项目中 import web3 from ‘x/web3.min.js’; 这里博主是在index.html里引入

uniapp 接入web3js_第1张图片

  • template.h5.html


	
		
		
		
		
			<%= htmlWebpackPlugin.options.title %>
		
		
		//引入web3  1.5.5版本的
		
		
	
        
		
		
	
	
		
		
  • 开始使用
// 授权
async handleUserAuth(){
try{
		const userAddress = await ethereum.request({ method: 'eth_requestAccounts' });
		//调用者的钱包地址
		console.log('userAddress',userAddress)
	}catch(err){
		uni.showToast({
			title:err.message,
			icon:'none'
		})
	}
},

//获取余额
async handleBalanceTap(){
	//获取钱包地址
	const accounts = await web3js.eth.getAccounts();
		//获取钱包里的余额
		const balance = await web3js.eth.getBalance(accounts[0]);
		//格式化钱包余额为正常显示金额
		const fromWei = await web3js.utils.fromWei(balance, 'ether');
		console.log('我的余额',parseFloat(fromWei).toFixed(4))
},

你可能感兴趣的:(前端,web3,以太坊)