# Staking Cosmos-SDK에 핵심 기능인 staking 관련 기능에 대해 알아본다. ## 사전 준비 Cosmos-SDK는 dPoS로 체인마다 Validator가 있고 Validator에 위임을 하고 리워드를 받는다. 자세한 내용은 Cosmos Basic에서 확인한다. Validator에 User가 위임하는 걸 Delegate, 위임 철회하는 걸 Undelegate, 위임한 보상을 Reward라고 한다. 아래 미션을 통해 위임/리워드 확인과, 위임/철회/클레임 등 기본 스테이킹 기능을 테스트 해본다. 참고 - Swagger의 distribution, staking 관련 method 확인 https://cosmos-rest.publicnode.com/swagger/ ### 데이터 생성 데이터 조회 전 미리 스테이킹을 하여, 데이터를 생성 해 둔다. https://www.mintscan.io/wallet/delegate?chain=cosmoshub-testnet&type=stake ![m7-1](../../images/m7-1.png) ![m7-2](../../images/m7-2.png) ## 구현 ### Delegation정보 확인 ```ts const balances = await fetch( `${await getRestEndpoint()}/cosmos/staking/v1beta1/delegations/${address}` ); const result = await balances.json(); console.log(result); ``` ### Reward정보 확인 ```ts const reward = await fetch( `${await getRestEndpoint()}/cosmos/distribution/v1beta1/delegators/${address}/rewards` ); const result = await reward.json(); console.log(result); ``` ### Delegate Validator 정보는 Explorer에서 조회 가능하다. https://www.mintscan.io/cosmoshub-testnet/validators/cosmosvaloper1mngvkkhm6g7nqxh4hcv8hjxvgax4m8xujzt964 ```ts const validator = "cosmosvaloper1mngvkkhm6g7nqxh4hcv8hjxvgax4m8xujzt964"; const msg: MsgDelegateEncodeObject = { typeUrl: "/cosmos.staking.v1beta1.MsgDelegate", value: { delegatorAddress: address, validatorAddress: validator, amount: { amount: amount, denom: "uatom" }, }, }; const client = await getSigningStargateClient(); const res = await client.signAndBroadcast(address, [msg], "auto"); console.log(res); ``` ### Undelegate ```ts const msg: MsgUndelegateEncodeObject = { typeUrl: "/cosmos.staking.v1beta1.MsgUndelegate", value: { delegatorAddress: address, validatorAddress: "cosmosvaloper1mngvkkhm6g7nqxh4hcv8hjxvgax4m8xujzt964", amount: { amount: amount, denom: "uatom" }, }, }; const client = await getSigningStargateClient(); const res = await client.signAndBroadcast(address, [msg], "auto"); console.log(res); ``` ### Withdraw Reward ```ts const msg: MsgWithdrawDelegatorRewardEncodeObject = { typeUrl: "/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward", value: { delegatorAddress: address, validatorAddress: "cosmosvaloper1mngvkkhm6g7nqxh4hcv8hjxvgax4m8xujzt964", }, }; const client = await getSigningStargateClient(); const res = await client.signAndBroadcast(address, [msg], "auto"); console.log(res); ``` ### 미션 적용 #### **`components/staking.tsx`** ```ts "use client"; import { useChain } from "@cosmos-kit/react"; import { useEffect, useState } from "react"; import { MsgDelegateEncodeObject, MsgUndelegateEncodeObject, MsgWithdrawDelegatorRewardEncodeObject, } from "@cosmjs/stargate"; import { Input } from "./ui/input"; import { Button } from "./ui/button"; import { Badge } from "./ui/badge"; export default function Staking() { const { address, getRestEndpoint, getSigningStargateClient } = useChain("cosmoshubtestnet"); const [delegations, setDelegations] = useState(); const [rewards, setRewards] = useState(); const [amount, setAmount] = useState(""); const delegate = async () => { if (!address) { return; } const msg: MsgDelegateEncodeObject = { typeUrl: "/cosmos.staking.v1beta1.MsgDelegate", value: { delegatorAddress: address, validatorAddress: "cosmosvaloper1mngvkkhm6g7nqxh4hcv8hjxvgax4m8xujzt964", amount: { amount: amount, denom: "uatom" }, }, }; const client = await getSigningStargateClient(); const res = await client.signAndBroadcast(address, [msg], "auto"); console.log(res); }; const undelegate = async () => { if (!address) { return; } const msg: MsgUndelegateEncodeObject = { typeUrl: "/cosmos.staking.v1beta1.MsgUndelegate", value: { delegatorAddress: address, validatorAddress: "cosmosvaloper1mngvkkhm6g7nqxh4hcv8hjxvgax4m8xujzt964", amount: { amount: amount, denom: "uatom" }, }, }; const client = await getSigningStargateClient(); const res = await client.signAndBroadcast(address, [msg], "auto"); console.log(res); }; const claim = async () => { if (!address) { return; } const msg: MsgWithdrawDelegatorRewardEncodeObject = { typeUrl: "/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward", value: { delegatorAddress: address, validatorAddress: "cosmosvaloper1mngvkkhm6g7nqxh4hcv8hjxvgax4m8xujzt964", }, }; const client = await getSigningStargateClient(); const res = await client.signAndBroadcast(address, [msg], "auto"); console.log(res); }; useEffect(() => { if (!address) { return; } const fetchDelegations = async () => { const balances = await fetch( `${await getRestEndpoint()}/cosmos/staking/v1beta1/delegations/${address}` ); const result = await balances.json(); setDelegations(result); }; fetchDelegations(); const fetchRewards = async () => { const reward = await fetch( `${await getRestEndpoint()}/cosmos/distribution/v1beta1/delegators/${address}/rewards` ); const result = await reward.json(); setRewards(result); }; fetchRewards(); }, [address]); return (

Staking

Delegations

{delegations && delegations.delegation_responses && delegations.delegation_responses.map((delegation: any) => ( [{delegation.delegation.validator_address}]{" "} {delegation.balance.amount} {delegation.balance.denom} ))} setAmount(e.target.value)} />

Reward

{rewards && rewards.total && rewards.total.map((reward: any) => ( {reward.amount} {reward.denom} ))}

); } ``` #### **`app/pages.tsx`** ```ts import Balance from "@/components/balance"; import IbcSend from "@/components/ibc-send"; import Send from "@/components/send"; import Staking from "@/components/staking"; import Wallet from "@/components/wallet"; export default function Home() { return (

Cosmos dApp

); } ``` ## 결과 위 예제로 Delegate, Undelegate, Claim을 하며 미션 프로젝트 및 Mintscan에서 값의 변화를 확인해본다. ![m7-3](../../images/m7-3.png) ![m7-4](../../images/m7-4.png)