Cover photo

在Mirror中使用DappReader

随着去中心化文章系统如Mirror等的广泛应用,越来越多的作者在他们的文章中介绍智能合约相关的内容。然而,通过图片等介质很难让读者直观地感受到智能合约的工作原理和交互过程。为了解决这个问题,DappReader提供了一种嵌入功能,可以直接在文章中嵌入智能合约,并且提供直观易懂的交互体验,大大增强了用户的阅读体验。

以下是一个使用DappReader嵌入功能实现的案例,以帮助读者更好地理解它的使用方法:

众所周知,在以太坊上进行转账时,只能够进行单个地址之间的点对点转账。然而,假设我们需要一次性向多个地址进行转账,那么这样的操作就会非常复杂。为了解决这个问题,我们可以采用智能合约中循环的方式来实现批量转账。下面是一段示例代码:

// SPDX-License-Identifier: UNLICENSED
pragma solidity ^0.8.0;

import "@openzeppelin/contracts/token/ERC721/IERC721.sol";
import "@openzeppelin/contracts/token/ERC20/IERC20.sol";

contract MultiSender {
    event sendMain(address, uint);

    // 批量转账ERC20代币
    function luckyMoneyERC20(
        address tokenAddr,
        address payable[] memory addrs,
        uint256[] memory amounts
    ) public {
        require(addrs.length == amounts.length);
        IERC20 token = IERC20(tokenAddr);
        for (uint i = 0; i < addrs.length; i += 1) {
            address payable addr = addrs[i];
            uint256 amount = amounts[i];
            token.transferFrom(msg.sender, addr, amount);
        }
    }
    // 批量转账以太坊
    function luckyMoneyETH(
        address payable[] memory addrs,
        uint256[] memory amounts
    ) public payable {
        uint256 totalAmount;

        for (uint i = 0; i < addrs.length; i += 1) {
            address payable addr = addrs[i];
            uint256 amount = amounts[i];
            addr.transfer(amount);
            totalAmount += amount;
            emit sendMain(addr, amount);
        }
        require(totalAmount == msg.value, "err");
    }
    // 批量转账NFT
    function multiTransferNFT(
        address nftAddress,
        address[] memory addrs,
        uint256[] memory tokenids
    ) external {
        require(addrs.length == tokenids.length);
        IERC721 NFT = IERC721(nftAddress);
        for (uint i = 0; i < addrs.length; i += 1) {
            address addr = addrs[i];
            uint256 tokenId = tokenids[i];
            NFT.transferFrom(msg.sender, addr, tokenId);
        }
    }
}

这个示例中,我们通过for循环可以大大节省gas fee

以下是通过DappReader部署的智能合约,可以在Goerli 网络上尝试交互

https://dappreader.com/o55t8rqGn9z5y7504Ps?display=iframe&height=800&width=960&size=large

当需要进行向多个地址转账的情况时,可以通过调用智能合约内的LuckyMoneyETH(ETH红包)函数来实现。在调用时,需要输入目标地址和相应转账数量等相关信息,并确保将所有数量列表的值相加,并转换为ETH最小单位wei作为value的值进行填写,以保证转账金额正确。

在页面中提供的小demo中,可以直接在页面中进行操作,且可视化交互设计简单易用,让用户更快捷的实现转账操作。

想要在mirror中插入DappReader非常容易,只要在导入的合约中选择”Share”分享,然后选择Global分享即可

post image

接下来选择share to mirror并粘贴在文章中即可