web3.js调用链上的方法操作NFT区块链MetaMask详解

let hexChainId = window.web3.utils.toHex(4) // 4就是Rinkeby测试网络
await window.ethereum.request({
    method: 'wallet_switchEthereumChain',
    params: [{ chainId: hexChainId }],
})

import Web3 from 'web3'
export const web3Init = () => {
    // web3初始化
    let web3 = window.web3
    if (typeof web3 !== 'undefined') {
        // web3.currentProvider
        web3 = new Web3(window.ethereum) // 取小狐狸的地址
    } else {
        web3 = new Web3(
            new Web3.providers.HttpProvider(‘项目链接')
        )
    }
    window.web3 = web3 // web3链接
}

const texasPokerContract = new window.web3.eth.Contract(
    texasPokerJSON,
    import.meta.env.VITE_TEXASPOKER_ADDRESS
)

export function approve(tokenId) {
    // 授权德州扑克链
    return new Promise((resolve, reject) => {
        const texasPokerContract = store.state.texasPokerContract // 获取德州扑克合约
        const nftContract = store.state.nftContract // 获取当前操作nft的合约
        let optionsData = nftContract.methods.approve(texasPokerContract.options.address, tokenId).encodeABI()
        callContractMethod(optionsData, nftContract, 0, (res) => {
            resolve(res)
        })
    })
}
async function callContractMethod(optionsData, contractExample, values = 0, callback) {
    // 调用合约上的方法
    
    const account = store.state.persistence.assets // 当前钱包地址
    if (!account) {
        return
    }
    const gasPrice = await window.web3.eth.getGasPrice() // 获取gas费
    let options = {
        from: account,
        to: contractExample.options.address,
        value: values,
        data: optionsData,
        gasPrice: gasPrice,
    }
    window.web3.eth
        .sendTransaction(options)
        .on('error', function (error) {
            console.error('error', error)
            callback && callback(false)
        })
        .then(function () {
            callback && callback(true)
        })
}

let options = {
    from: account, // 你的当前地址
    to: contractExample.options.address, // 你要操作的链上地址
    value: values, // 方法要带的参数，默认填0
    data: optionsData, // *关键 要调用的方法nftContract.methods.approve(要带的参数).encodeABI()
    gasPrice: gasPrice, // 此次操作的gas费也就是手续费
}

export function pledgeNFT(tokenId, amountp, timer) {
    // 质押NFT
    
    return new Promise(async (resolve, reject) => {
        const texasPokerContract = store.state.texasPokerContract // 获取德州扑克合约
        const getBlockTimes = await texasPokerContract.methods.getBlockTime().call() // 获取区块链时间
        const nftContract = store.state.nftContract // 获取当前操作nft的合约
        const token = nftContract.options.address
        const amount = window.web3.utils.toWei(amountp.toString(), 'ether')
        const unlockTime = Number(getBlockTimes) + Number(timer)
        let optionsData = texasPokerContract.methods.pledgeNFT(token, tokenId, amount, unlockTime).encodeABI()
        callContractMethod(optionsData, texasPokerContract, 0, (res) => {
            resolve(res)
        })
    })
}

export async function getApproved(tokenId) {
    // 查询该NFT tokenId 是否已授权给Game合约
    const nftContract = store.state.nftContract // 获取当前操作nft的合约
    return await nftContract.methods.getApproved(tokenId).call()
}