如何在react-moralis中优化Gas Cost？前端与Remix预估差异悬殊

问题描述 #

调用同一个createActivity智能合约函数，传入完全相同的数据与条件，Remix中的Gas预估仅为0.00126923ETH，但使用react-moralis的前端应用中Gas预估高达0.06131775ETH，成本差距极大，求前端Gas成本的优化方法。

智能合约代码 #

function createActivity(
        string memory _id,
        string memory _username,
        string memory _title,
        string memory _desc,
        uint256 _totalTimeInMonths,
        uint256 _price,
        uint256 _level,
        uint256 _maxMembers,
        uint256 dateOfCreation,
        uint256 _waitingPeriodInMonths //DDMMYYYY
    ) public payable {
        require(_price <= minUSD[_level - 1], "ETH limit crossed");
        uint256 id = arrayForLength.length + 1;
        memberAddress.push(payable(msg.sender));
        Activity memory activity = Activity(
            id,
            payable(msg.sender),
            _title,
            _desc,
            _price,
            _level,
            ActivityStatus.OPEN,
            block.timestamp,
            _totalTimeInMonths,
            _maxMembers,
            memberAddress,
            _waitingPeriodInMonths
        );
        Members[msg.sender] = Member(
            _username,
            _totalTimeInMonths,
            dateOfCreation,
            _id,
            block.timestamp
        );
        arrayForLength.push(_id);
        Activities[_id] = activity;
        emit ActivityCreated(
            _id,
            _title,
            _totalTimeInMonths,
            _level,
            dateOfCreation
        );
        delete memberAddress;
    }

react-moralis调用代码 #

const { runContractFunction: createActivity } = useWeb3Contract({
    abi,
    contractAddress: ActivityAddress,
    functionName: "createActivity",
    params: activity
      ? {
          _id: activityId,
          _username: user ? user.username : "",
          _title: activity ? activity.title : null,
          _desc: activity ? activity.description : null,
          _totalTimeInMonths: activity ? activity.durationPeriod : null,
          _price: activity.join_price,
          _level: activity.difficulty_level,
          _maxMembers: activity.member_limit,
          _waitingPeriodInMonths: 1,
          dateOfCreation: parseInt(getNumericDate()),
        }
      : {},
  });

前端Gas成本优化方法 #

1. 修正参数传递的无效值 #

前端代码中部分参数使用null（如_title、_desc），但Solidity不支持null类型，会被强制转换为默认值，这个转换过程会额外消耗Gas。将所有null替换为空字符串""或0：

// 修正后的params示例
params: activity
  ? {
      _id: activityId,
      _username: user ? user.username : "",
      _title: activity ? activity.title : "",
      _desc: activity ? activity.description : "",
      _totalTimeInMonths: activity ? activity.durationPeriod : 0,
      _price: activity.join_price,
      _level: activity.difficulty_level,
      _maxMembers: activity.member_limit,
      _waitingPeriodInMonths: 1,
      dateOfCreation: parseInt(getNumericDate()),
    }
  : {},

2. 手动指定Gas Limit与价格 #

react-moralis默认的Gas估算可能存在高估，直接使用Remix的预估Gas值作为参考，手动设置gasLimit、gasPrice或EIP-1559参数：

const { runContractFunction: createActivity } = useWeb3Contract({
    abi,
    contractAddress: ActivityAddress,
    functionName: "createActivity",
    params: { /* 修正后的参数 */ },
    // 用Remix的Gas数量（单位：wei），示例对应0.00126923ETH（假设Gas价格为10gwei）
    gasLimit: ethers.utils.hexlify(1269230),
    // 匹配Remix使用的Gas价格
    gasPrice: ethers.utils.parseUnits("10", "gwei"),
    // 若使用EIP-1559网络，替换为以下参数
    // maxFeePerGas: ethers.utils.parseUnits("15", "gwei"),
    // maxPriorityFeePerGas: ethers.utils.parseUnits("2", "gwei")
});

3. 优化合约内冗余操作（间接降低前端预估） #

合约中memberAddress.push(msg.sender)后又delete memberAddress属于完全冗余的数组操作，直接初始化Activity结构体的成员数组即可，减少合约执行的Gas消耗，进而让前端预估更准确：

// 移除memberAddress.push和delete操作，直接初始化数组
Activity memory activity = Activity(
    id,
    payable(msg.sender),
    _title,
    _desc,
    _price,
    _level,
    ActivityStatus.OPEN,
    block.timestamp,
    _totalTimeInMonths,
    _maxMembers,
    payable[](msg.sender), // 直接创建包含msg.sender的数组
    _waitingPeriodInMonths
);

4. 确认前后端网络一致性 #

检查前端连接的网络（主网/测试网）是否与Remix完全一致，不同网络的基础Gas价格差异会导致成本计算偏差。

内容的提问来源于stack exchange，提问作者Slowqueso