web3js实现通过合约方法进行代币交易查询余额

web3js

这里使用MetaMask注入的etherum

js 复制代码
import MetaMaskSDK from '@metamask/sdk';
import Web3 from 'web3';

let option = {
  injectProvider: false,
  communicationLayerPreference: 'webrtc',
  preferDesktop: true
}
const MMSDK = new MetaMaskSDK(option);
const ethereum = MMSDK.getProvider();
let web3 = new Web3(ethereum);

获取合同

js 复制代码
getContract(abi, address) {
    if (!web3) return false;
    let contract = new web3.eth.Contract(abi, address);
    return contract
  }

交易

通过合同实现交易,具体参数根据合约需要,数量一般为16进制

js 复制代码
async sendTransactionByContract(param) {
    const myContract = this.getContract(param.abi, param.address);
    if (!myContract) return;
    return new Promise((resolve, reject) => {
      myContract.methods[param.funcName](param.amount ? this.toHex(param.amount) : null).send({
        from: param.from
      }).then(res => {
        resolve(res)
      }).catch(err => {
        reject(err);
        showToast(err)
      })
    })
  }

获取余额等

通过合同查询余额等

js 复制代码
async queryTransactionByContract(param) {
  const myContract = this.getContract(param.abi, param.address);
  if (!myContract) return;
  let ret = await myContract.methods[param.funcName](param.from).call()
  return ret;
}
相关推荐
willow6 分钟前
Generator与Iterator
javascript
wuhen_n33 分钟前
Pinia状态管理原理:从响应式核心到源码实现
前端·javascript·vue.js
晴殇i1 小时前
CommonJS 与 ES6 模块引入的区别详解
前端·javascript·面试
wuhen_n1 小时前
KeepAlive:组件缓存实现深度解析
前端·javascript·vue.js
wuhen_n1 小时前
Vue Router与响应式系统的集成
前端·javascript·vue.js
FansUnion2 小时前
用 AI 自动生成壁纸标题、描述和 SEO Slug
javascript
大雨还洅下2 小时前
前端 JS: async, await; Generator
javascript
juejin_cn2 小时前
[转][译] 从零开始构建 OpenClaw — 第三部分(元技能)
javascript
颜酱4 小时前
二叉树分解问题思路解题模式
javascript·后端·算法
炫饭第一名5 小时前
速通Canvas指北🦮——路径与形状篇
前端·javascript·程序员