Let's Move 从前端到web3入门教程 (4) Navi竞赛奖励第6期

Summer.XJ
更新于 2024-05-14 16:03
阅读 1140

Let'sMove从前端到web3入门教程(4)Navi竞赛奖励第6期引子NAVI竞赛一波接着一波，一大波NAVI来袭！（NAVI的竞赛真频繁，奖励也很丰厚！）同学们通过参加竞赛，在学习的之余，不断的获取猪脚饭啊~~~开始有了前三次竞赛经验的老同学记得复制index3.ts

# [Let's Move 从前端到web3入门教程 (4) Navi竞赛奖励第6期](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#lets-move-%E4%BB%8E%E5%89%8D%E7%AB%AF%E5%88%B0web3%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B-4-navi%E7%AB%9E%E8%B5%9B%E5%A5%96%E5%8A%B1%E7%AC%AC6%E6%9C%9F)

## [引子](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E5%BC%95%E5%AD%90)

NAVI竞赛一波接着一波，一大波NAVI来袭！

（NAVI 的竞赛真频繁，奖励也很丰厚！）

![navi的活动](https://www.etboodonline.com/book/images/navx04/navidevrace.png)

同学们通过参加竞赛，在学习的之余，不断的获取猪脚饭啊\~\~\~

## [开始](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E5%BC%80%E5%A7%8B)

有了前三次竞赛经验的老同学记得复制index3.ts文件到index4.ts。直接在原来的基础上修改代码。 作为一个合格的程序员，要擅长复制粘贴。。。

新同学们记得开 nodejs 工程和安装 navi 的SDK

```
npm i navi-sdk
```

记得在package.json里修改启动项

```
    "start": "tsc && node dist/index4.js"
```

这边工程是tsc编译ts产生的js文件所以修改启动名就能顺利启动index2了

记得在tsconfig.json里修改编译目标目录

```
    "outDir": "./dist"
```

## [先明确目标是什么。](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E5%85%88%E6%98%8E%E7%A1%AE%E7%9B%AE%E6%A0%87%E6%98%AF%E4%BB%80%E4%B9%88)

这次目标有两个，task1和task2，记得提交两个tx id，可以先提交其中一个，然后再提交另一个，单独计算时间。

本次竞赛和 KriyaDEX 联动，所以增加了从 KriyaDEX 里swap的操作。

# [任务一](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E4%BB%BB%E5%8A%A1%E4%B8%80)

**将 Kriya 上的至少 10 vSui 兑换为 NAVI Protocol 上列出的资产之一**

这里我做的时候犯了一个错误，把兑换做反了，因为当时没在kriya上存vSui，所以想着用Sui去换。后来还好在群里提问check一下，热心网友给我指正。在此多谢热心网友 stephen和goku。

任务清楚了我们就开始着手开发。

## [准备sdk,import库](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E5%87%86%E5%A4%87sdkimport%E5%BA%93)

```javascript
import { NAVISDKClient } from 'navi-sdk'
import {Sui, NAVX, vSui, USDT, USDC, WETH, CETUS, haSui,getConfig,pool} from 'navi-sdk/dist/address.js';
import { TransactionBlock } from "@mysten/sui.js/transactions";
import { depositCoin,SignAndSubmitTXB ,flashloan,withdrawCoin,repayFlashLoan
} from 'navi-sdk/dist/libs/PTB';
import { PoolConfig, Pool, CoinInfo } from 'navi-sdk/dist/types';
```

接着初始化sdk client

```javascript
const mnemonic = '助记词贴图的时候不要暴露'; 
const client = new NAVISDKClient({mnemonic, networkType: "mainnet", numberOfAccounts: 5}); 
const account = client.accounts[0];
```

## [步骤1 先从 Kriya 将 vSui 换成 Sui](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%AD%A5%E9%AA%A41-%E5%85%88%E4%BB%8E-kriya-%E5%B0%86-vsui-%E6%8D%A2%E6%88%90-sui)

```javascript
    
    let to_swap_amount = 11 * 10 **9;//兑换数量
    const to_swap = "你的vSui地址";

//调用外部swap_token_x
    let swaped = await txb.moveCall({
        target : `0xa0eba10b173538c8fecca1dff298e488402cc9ff374f8a12ca7758eebe830b66::spot_dex::swap_token_x`,
        arguments: [
            txb.object('0xf385dee283495bb70500f5f8491047cd5a2ef1b7ff5f410e6dfe8a3c3ba58716'), // vSui-Sui pool
            txb.object(to_swap),
            txb.pure(to_swap_amount),
            txb.pure(0), 
        ],
        typeArguments:[
            "0x549e8b69270defbfafd4f94e17ec44cdbdd99820b33bda2278dea3b9a32d3f55::cert::CERT",
            "0x2::sui::SUI"
        ]// type arguments
    });
```

因为KriyaSDK版本太旧的原因,我们直接调用 movecall 操作。

Kriya 池子参考 https\://docs.google.com/document/d/1kONj3lNyuipmdm_bIhy0mzpcm5JWzlB9R2gLw4tphGQ/edit

可以从里面找自己需要的交易对

## [步骤2 存sui](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%AD%A5%E9%AA%A42-%E5%AD%98sui)

```
    //2 supply the Sui
    await depositCoin(txb,pool_to_deposit,to_deposit,to_deposit_amount);
```

注意兑换出来的Sui是有余额的,要存回账号里

```
    const to_deposit = txb.splitCoins(swaped, [txb.pure(to_deposit_amount)]);

await depositCoin(txb,pool_to_deposit,to_deposit,to_deposit_amount);
    
    txb.transferObjects([swaped], sender);
```

## [步骤3 执行](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%AD%A5%E9%AA%A43-%E6%89%A7%E8%A1%8C)

```
    const result = await SignAndSubmitTXB(txb, account.client, account.keypair);
    console.log('Success 1: ', result.confirmedLocalExecution);
```

# [任务二](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E4%BB%BB%E5%8A%A1%E4%BA%8C)

🔹 Flashloan 10 SUI from NAVI 🔹 Swap SUI for at least 10 vSui on http\://app.kriya.finance 🔹 Supply 10 vSui from step 2 to NAVI 🔹 Borrow 10 SUI from NAVI 🔹 Repay the flash loan from Step 1

仍旧是类似上次闪电贷 需要注意的是这次没有withdraw操作

## [步骤一](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%AD%A5%E9%AA%A4%E4%B8%80)

```javascript
    let [flsuicoin,receipt] = await flashloan(txb,pool_to_flashloan,to_flashloan_amount);
```

我担心贷出的不够,所以增加了1个Sui然后做一个合并

```JavaScript
    let to_add_amount = 1*10**9;

const to_add = txb.splitCoins(txb.gas, [txb.pure(to_add_amount)]);//

await txb.mergeCoins(this_coin,[to_add]);
```

## [步骤二](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%AD%A5%E9%AA%A4%E4%BA%8C)

从Kriya 换成 vSui

```javascript
    let to_swap_amount = to_flashloan_amount + to_add_amount;//11 Sui swap to vSui
    console.log('to_swap_amount: ', to_swap_amount);
    //调用外部swap_token_y
    let swaped = await txb.moveCall({
        target : `0xa0eba10b173538c8fecca1dff298e488402cc9ff374f8a12ca7758eebe830b66::spot_dex::swap_token_y`,
        arguments: [
            txb.object('0xf385dee283495bb70500f5f8491047cd5a2ef1b7ff5f410e6dfe8a3c3ba58716'), // vSui-Sui pool
            this_coin,
            txb.pure(to_swap_amount),
            txb.pure(0), 
        ],
        typeArguments:[
            "0x549e8b69270defbfafd4f94e17ec44cdbdd99820b33bda2278dea3b9a32d3f55::cert::CERT",
            "0x2::sui::SUI"
        ]// type arguments
    });
```

## [步骤三](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%AD%A5%E9%AA%A4%E4%B8%89)

存回vSui ,之前做过的应该很顺利了

```javascript
    const to_deposit_coin: CoinInfo = vSui;
    const pool_to_deposit: PoolConfig = pool[to_deposit_coin.symbol as keyof Pool];
    let to_deposit_amount = 10*10**9;//10 vSui;
    console.log('to_deposit_amount: ', to_deposit_amount);
    await depositCoin(txb,pool_to_deposit,swaped,to_deposit_amount);
```

## [步骤四](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%AD%A5%E9%AA%A4%E5%9B%9B)

borrow 10 Sui 注意,要借一点,凑够费用

```javascript
    const to_borrow_sui: CoinInfo = Sui;
    const pool_to_borrow: PoolConfig = pool[to_borrow_sui.symbol as keyof Pool];
    let borrowamount = to_flashloan_amount + to_add_amount; //add fee

let borrowed = await txb.moveCall({
        target : `${config.ProtocolPackage}::incentive_v2::borrow`,
        arguments: [
            txb.object('0x06'), // clock object id
            txb.object(config.PriceOracle), // The object id of the price oracle
            txb.object(config.StorageId), // Object id of storage
            txb.object(pool_to_borrow.poolId), // pool id of the asset
            txb.pure(pool_to_borrow.assetId), // The id of the asset in the protocol
            txb.pure(borrowamount), // The amount you want to borrow
            txb.object(config.IncentiveV2), // The incentive object v2
        ],
        typeArguments:[pool_to_borrow.type] // type arguments, for this just the coin type
    });
```

## [步骤五](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%AD%A5%E9%AA%A4%E4%BA%94)

归还闪电贷

```javascript

let [e_balance] = await repayFlashLoan(txb,pool_to_flashloan,receipt,borrowed);

console.log('repay flash end: ');
    //*
    //Extra token after repay
    const e_coin = await txb.moveCall({
        target: '0x2::coin::from_balance',
        arguments: [e_balance],
        typeArguments: [pool_to_flashloan.type],
    });
    //Transfer left_money after repay to teh account
    txb.transferObjects([e_coin], sender);
```

记得余额要归还

闪电贷具体参考官方示例，开发前要仔细阅读并理解示范意图。

```
https://naviprotocol.gitbook.io/navi-protocol-developer-docs/how-to-interact-with-the-contract/navi-sdk
```

## [最后](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E6%9C%80%E5%90%8E)

运行成功后可以到suivision 查看是否正确。

记得截图自己的代码。 并隐藏自己的**提示词**！

## [知识要点](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E7%9F%A5%E8%AF%86%E8%A6%81%E7%82%B9)

* 闪电贷的 receipt 就是热土豆设计模式。了解这个模式的就不难理解为何归还的时候要提供这个 receipt。
* balance如何转换成coin，coin如何转换成 balance
* 贷款是有利息要还的
* 调用了外部模块的方法来swap , 这个是新的知识点。
* 查文档，参数类型要仔细看清楚。

## [利息处理方案](https://www.etboodonline.com/book/js2w3\_chapter\_4.html#%E5%88%A9%E6%81%AF%E5%A4%84%E7%90%86%E6%96%B9%E6%A1%88)

贷取的数额极小 已经是过去式了，这期要求10 sui的操作，所以利息费用怎么支付要多考虑考虑

(未完待续)

Let's Move 中文社区

telegram: https\://t.me/move_cn

QQ群: 79489587

Let's Move 从前端到web3入门教程 (4) Navi竞赛奖励第6期

引子

NAVI竞赛一波接着一波，一大波NAVI来袭！

（NAVI 的竞赛真频繁，奖励也很丰厚！）

同学们通过参加竞赛，在学习的之余，不断的获取猪脚饭啊\~\~\~

开始

有了前三次竞赛经验的老同学记得复制index3.ts文件到index4.ts。直接在原来的基础上修改代码。作为一个合格的程序员，要擅长复制粘贴。。。

新同学们记得开 nodejs 工程和安装 navi 的SDK

npm i navi-sdk

记得在package.json里修改启动项

    "start": "tsc && node dist/index4.js"

这边工程是tsc编译ts产生的js文件所以修改启动名就能顺利启动index2了

记得在tsconfig.json里修改编译目标目录

    "outDir": "./dist"

先明确目标是什么。

这次目标有两个，task1和task2，记得提交两个tx id，可以先提交其中一个，然后再提交另一个，单独计算时间。

本次竞赛和 KriyaDEX 联动，所以增加了从 KriyaDEX 里swap的操作。

任务一

将 Kriya 上的至少 10 vSui 兑换为 NAVI Protocol 上列出的资产之一

任务清楚了我们就开始着手开发。

准备sdk,import库

import { NAVISDKClient } from 'navi-sdk'
import {Sui, NAVX, vSui, USDT, USDC, WETH, CETUS, haSui,getConfig,pool} from 'navi-sdk/dist/address.js';
import { TransactionBlock } from "@mysten/sui.js/transactions";
import { depositCoin,SignAndSubmitTXB ,flashloan,withdrawCoin,repayFlashLoan
} from 'navi-sdk/dist/libs/PTB';
import { PoolConfig, Pool, CoinInfo } from 'navi-sdk/dist/types';

接着初始化sdk client

const mnemonic = '助记词贴图的时候不要暴露'; 
const client = new NAVISDKClient({mnemonic, networkType: "mainnet", numberOfAccounts: 5}); 
const account = client.accounts[0];

步骤1 先从 Kriya 将 vSui 换成 Sui


    let to_swap_amount = 11 * 10 **9;//兑换数量
    const to_swap = "你的vSui地址";

    //调用外部swap_token_x
    let swaped = await txb.moveCall({
        target : `0xa0eba10b173538c8fecca1dff298e488402cc9ff374f8a12ca7758eebe830b66::spot_dex::swap_token_x`,
        arguments: [
            txb.object('0xf385dee283495bb70500f5f8491047cd5a2ef1b7ff5f410e6dfe8a3c3ba58716'), // vSui-Sui pool
            txb.object(to_swap),
            txb.pure(to_swap_amount),
            txb.pure(0), 
        ],
        typeArguments:[
            "0x549e8b69270defbfafd4f94e17ec44cdbdd99820b33bda2278dea3b9a32d3f55::cert::CERT",
            "0x2::sui::SUI"
        ]// type arguments
    });

因为KriyaSDK版本太旧的原因,我们直接调用 movecall 操作。

Kriya 池子参考 https\://docs.google.com/document/d/1kONj3lNyuipmdm_bIhy0mzpcm5JWzlB9R2gLw4tphGQ/edit

可以从里面找自己需要的交易对

步骤2 存sui

    //2 supply the Sui
    await depositCoin(txb,pool_to_deposit,to_deposit,to_deposit_amount);

注意兑换出来的Sui是有余额的,要存回账号里

    const to_deposit = txb.splitCoins(swaped, [txb.pure(to_deposit_amount)]);

    await depositCoin(txb,pool_to_deposit,to_deposit,to_deposit_amount);

    txb.transferObjects([swaped], sender);

步骤3 执行

    const result = await SignAndSubmitTXB(txb, account.client, account.keypair);
    console.log('Success 1: ', result.confirmedLocalExecution);

任务二

仍旧是类似上次闪电贷需要注意的是这次没有withdraw操作

步骤一

    let [flsuicoin,receipt] = await flashloan(txb,pool_to_flashloan,to_flashloan_amount);

我担心贷出的不够,所以增加了1个Sui然后做一个合并

    let to_add_amount = 1*10**9;

    const to_add = txb.splitCoins(txb.gas, [txb.pure(to_add_amount)]);//

    await txb.mergeCoins(this_coin,[to_add]);

步骤二

从Kriya 换成 vSui

    let to_swap_amount = to_flashloan_amount + to_add_amount;//11 Sui swap to vSui
    console.log('to_swap_amount: ', to_swap_amount);
    //调用外部swap_token_y
    let swaped = await txb.moveCall({
        target : `0xa0eba10b173538c8fecca1dff298e488402cc9ff374f8a12ca7758eebe830b66::spot_dex::swap_token_y`,
        arguments: [
            txb.object('0xf385dee283495bb70500f5f8491047cd5a2ef1b7ff5f410e6dfe8a3c3ba58716'), // vSui-Sui pool
            this_coin,
            txb.pure(to_swap_amount),
            txb.pure(0), 
        ],
        typeArguments:[
            "0x549e8b69270defbfafd4f94e17ec44cdbdd99820b33bda2278dea3b9a32d3f55::cert::CERT",
            "0x2::sui::SUI"
        ]// type arguments
    });

步骤三

存回vSui ,之前做过的应该很顺利了

    const to_deposit_coin: CoinInfo = vSui;
    const pool_to_deposit: PoolConfig = pool[to_deposit_coin.symbol as keyof Pool];
    let to_deposit_amount = 10*10**9;//10 vSui;
    console.log('to_deposit_amount: ', to_deposit_amount);
    await depositCoin(txb,pool_to_deposit,swaped,to_deposit_amount);

步骤四

borrow 10 Sui 注意,要借一点,凑够费用

    const to_borrow_sui: CoinInfo = Sui;
    const pool_to_borrow: PoolConfig = pool[to_borrow_sui.symbol as keyof Pool];
    let borrowamount = to_flashloan_amount + to_add_amount; //add fee

    let borrowed = await txb.moveCall({
        target : `${config.ProtocolPackage}::incentive_v2::borrow`,
        arguments: [
            txb.object('0x06'), // clock object id
            txb.object(config.PriceOracle), // The object id of the price oracle
            txb.object(config.StorageId), // Object id of storage
            txb.object(pool_to_borrow.poolId), // pool id of the asset
            txb.pure(pool_to_borrow.assetId), // The id of the asset in the protocol
            txb.pure(borrowamount), // The amount you want to borrow
            txb.object(config.IncentiveV2), // The incentive object v2
        ],
        typeArguments:[pool_to_borrow.type] // type arguments, for this just the coin type
    });

步骤五

归还闪电贷


    let [e_balance] = await repayFlashLoan(txb,pool_to_flashloan,receipt,borrowed);

    console.log('repay flash end: ');
    //*
    //Extra token after repay
    const e_coin = await txb.moveCall({
        target: '0x2::coin::from_balance',
        arguments: [e_balance],
        typeArguments: [pool_to_flashloan.type],
    });
    //Transfer left_money after repay to teh account
    txb.transferObjects([e_coin], sender);

记得余额要归还

闪电贷具体参考官方示例，开发前要仔细阅读并理解示范意图。

https://naviprotocol.gitbook.io/navi-protocol-developer-docs/how-to-interact-with-the-contract/navi-sdk

最后

运行成功后可以到suivision 查看是否正确。

记得截图自己的代码。并隐藏自己的提示词！

知识要点

闪电贷的 receipt 就是热土豆设计模式。了解这个模式的就不难理解为何归还的时候要提供这个 receipt。
balance如何转换成coin，coin如何转换成 balance
贷款是有利息要还的
调用了外部模块的方法来swap , 这个是新的知识点。
查文档，参数类型要仔细看清楚。

利息处理方案

贷取的数额极小已经是过去式了，这期要求10 sui的操作，所以利息费用怎么支付要多考虑考虑

(未完待续)

Let's Move 中文社区

telegram: https\://t.me/move_cn

QQ群: 79489587

原创
学分: 19
分类: Move
标签: Sui Move navi dex开发

本文参与登链社区写作激励计划，好文好收益，欢迎正在阅读的你也加入。

Let's Move 从前端到web3入门教程 (4) Navi竞赛奖励第6期

Let's Move 从前端到web3入门教程 (4) Navi竞赛奖励第6期

引子

开始

先明确目标是什么。

任务一

准备sdk,import库

步骤1 先从 Kriya 将 vSui 换成 Sui

步骤2 存sui

步骤3 执行

任务二

步骤一

步骤二

步骤三

步骤四

步骤五

最后

知识要点

利息处理方案

0 条评论

专栏: 从0基础开始写Sui MOVE 应用&游戏实战系列

文章目录

Let's Move 从前端到web3入门教程 (4) Navi竞赛奖励第6期

0 条评论

专栏: 从0基础开始写Sui MOVE 应用&游戏 实战系列

文章目录

专栏: 从0基础开始写Sui MOVE 应用&游戏实战系列