」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何使用 Sui TypeScript SDK

如何使用 Sui TypeScript SDK

發佈於2024-11-03
瀏覽:103

Sui 是当下的链,尽管 Move 是在 Sui 上编写智能合约的圣杯,但 TypeScript 支持也很重要。您可以通过 TypeScript 与 Sui 以及生态系统中的大多数 DeFi 应用进行交互和使用。

在本教程中,我将教您如何通过 TypeScript 与 Sui 网络交互。您将学习如何读取区块链的状态,如何从 TypeScript 程序将交易写入链。

Sui 和 TypeScript 入门

唯一的先决条件是您需要基本的 JS/TS 知识才能顺利运行本教程。我将引导您完成其他所有事情。

首先,在终端中创建一个新的 TypeScript 项目并初始化一个新的 Node.js 项目。

mkdir SuiTS
cd SuiTS
npm init -y

如果您还没有安装 TypeScript 作为开发依赖项。

npm install typescript --save-dev
npm install ts-node //runs TS without the need for transpiling

现在,您可以初始化一个新的 TypeScript 项目。此命令将创建一个 tsconfig.json 文件,其中包含您可以为项目自定义的默认选项。

npx tsc --init

打开 tsconfig.json 并粘贴这些配置。

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "CommonJS",
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true,
    "esModuleInterop": true,
    "types": ["node"],
    "resolveJsonModule": true
  },
  "exclude": ["node_modules"],

  "scripts": {
    "build": "tsc",
    "start": "node dist/index.js"
  }
}

创建一个 src 目录,您将在其中添加 TypeScript 文件。

mkdir src
touch src/index.ts

最后,使用此命令安装 Sui TypeScript SDK。

npm i @mysten/sui.js

一切准备就绪。您可以开始编写与 Sui 区块链交互的 TypeScript 程序。

连接到 Sui 区块链

您必须连接到 Sui 区块链才能与该链交互。

首先,从SDK客户端模块导入getFullnodeUrl和SuiClient。

import { getFullnodeUrl, SuiClient } from '@mysten/sui/client';

现在,根据您想要的连接,您可以使用 getFullnodeUrl 检索 Sui 测试网、主网、本地网或开发网的完整节点 URL;然后,使用 SuiClient 连接到客户端实例。

import { getFullnodeUrl, SuiClient } from '@mysten/sui/client';

const rpcUrl = getFullnodeUrl('mainnet');

const client = new SuiClient({ url: rpcUrl });

要测试您的连接,您可以使用 getLatestSuiSystemState 来检索网络的最新状态。

// index.ts
import { getFullnodeUrl, SuiClient } from '@mysten/sui/client';

const rpcUrl = getFullnodeUrl("mainnet");

const client = new SuiClient({ url: rpcUrl });

async function getNetworkStatus() {
    const currentEpoch = await client.getLatestSuiSystemState();
    console.log(currentEpoch)
}

getNetworkStatus();

现在,将 TypeScript 代码转换为 JavaScript 并使用以下命令运行它:

ts-node index.ts

执行该命令时,您应该会得到与此类似的输出。

How to Use the Sui TypeScript SDK

创建 Sui 钱包

创建钱包是另一种流行的操作,如果您在 Sui Network 上构建,它可能会很方便。

以下是如何生成 Sui 钱包密钥对并从密钥对中检索私钥和公钥。

import { Ed25519Keypair } from '@mysten/sui/keypairs/ed25519';
import { getFullnodeUrl, SuiClient } from '@mysten/sui/client';

const rpcUrl = getFullnodeUrl("mainnet");

const client = new SuiClient({ url: rpcUrl });

// random Keypair
const keypair = new Ed25519Keypair();

const publicKey = keypair.getPublicKey();
const privatekey = keypair.getSecretKey();

console.log(privatekey.toString());
console.log(publicKey.toSuiAddress());

Ed25519Keypair 函数创建一个新的密钥对。 getPublicKey 和 getPrivateKey 方法分别允许您访问公钥和私钥。

这是我用程序生成的私钥和公钥的字符串输出:

suiprivkey1qq9r6rkysny207t5vr7m5025swh7w0wzra9p0553paprhn8zshqsx2rz64r
New Sui Address: 0xbd46d7582ced464ef369114252704b10317436ef70f196a33fcf2c724991fcba

我用 0.25 Sui 为这个钱包提供资金,用于下一组操作。请随时验证并扫描钱包。请勿发送任何资金;这只是一个虚拟钱包。

读取 Sui 钱包余额

您可以在客户端实例上使用 getCoins 函数来检索钱包地址中硬币的详细信息。

import { getFullnodeUrl, SuiClient } from '@mysten/sui/client';

// use getFullnodeUrl to define the Devnet RPC location
const rpcUrl = getFullnodeUrl('mainnet');

// create a client connected to devnet
const client = new SuiClient({ url: rpcUrl });

async function getOwnedCoins() {
    const coins = await client.getCoins({
        owner: '0xbd46d7582ced464ef369114252704b10317436ef70f196a33fcf2c724991fcba',
    });
    console.log(coins);
}

getOwnedCoins();

该函数返回隋币单独的详细信息和详细信息。输出为 MIST,即 Sui 天然气代币。 1 SUI 等于 10 亿 MIST。

How to Use the Sui TypeScript SDK

同样可以使用getAllCoins函数来获取钱包中所有币的列表。

async function getAllCoins() {
    // Get the list of owned coins (tokens) for the given owner address
    const ownedCoins = await client.getAllCoins({ owner: "0xbd46d7582ced464ef369114252704b10317436ef70f196a33fcf2c724991fcba" });

    // Access the coin data
    const coins = ownedCoins.data;

    // Iterate through the coins and print their details
    for (const coin of coins) {
        console.log(`Coin Type: ${coin.coinType}`);
        console.log(`Coin Object ID: ${coin.coinObjectId}`);
        console.log(`Balance: ${coin.balance}`);
        console.log('--------------------');
    }

    // If there is more data, handle pagination
    if (ownedCoins.hasNextPage) {
        console.log('More data available. Fetching next page...');
        // You can handle the next page using ownedCoins.nextCursor if needed
    }
}

getAllCoins();

对于这个例子,我在 Hop Aggregator 上用一些 Sui 换取 $FUD,这是运行程序后的输出。

How to Use the Sui TypeScript SDK

发送硬币或物品

最后,有趣的部分是您将学习在区块链上发送交易。

让我们将一些 $FUD 代币发送到另一个钱包。这适用于 Sui 网络上的任何代币。

import {getFullnodeUrl, SuiClient} from '@mysten/sui/client';
import {Ed25519Keypair} from '@mysten/sui/keypairs/ed25519';
import {Transaction} from '@mysten/sui/transactions';

// Set the RPC URL to connect to the Sui mainnet
const rpcUrl = getFullnodeUrl("mainnet");

const client = new SuiClient({url: rpcUrl});

// Create the keypair using the private key
const keypair = Ed25519Keypair.fromSecretKey("suiprivkey1qq9r6rkysny207t5vr7m5025swh7w0wzra9p0553paprhn8zshqsx2rz64r");

// FUD coin type
const FUD_TYPE = '0x76cb819b01abed502bee8a702b4c2d547532c12f25001c9dea795a5e631c26f1::fud::FUD';

async function sendFUD() {
    const tx = new Transaction();

    // Fetch FUD coins owned by the sender
    const coins = await client.getCoins({owner: keypair.getPublicKey().toSuiAddress(), coinType: FUD_TYPE});

    if (coins.data.length === 0) {
        console.log("No FUD coins found in the wallet.");
        return;
    }

    // Choose the first available FUD coin and split it for the transfer (adjust amount if needed)
    const [coin] = tx.splitCoins(coins.data[0].coinObjectId, [100000000]); 

    tx.transferObjects([coin], '0xb0042cf2c5a16d0a240fc1391d570cd5fe06548f860583f1878c327db70f2a22');

    const result = await client.signAndExecuteTransaction({signer: keypair, transaction: tx});
    await client.waitForTransaction({digest: result.digest});

    console.log("Transaction successful. Digest:", result.digest);
}

sendFUD().then(console.log).catch(console.error);

首先,我检查钱包中是否有一些 $FUD,并将其拆分以进行转账。 tx.transferObjects 将分割币转移到指定地址。

最后需要通过client.signAndExecuteTransaction对交易进行签名,可以通过waitForTransaction等待交易确认交易通过

结论

您已经学会了使用官方 TypeScript SDK 与 Sui 区块链进行交互。您可以利用新获得的知识在 Sui 上进行很多构建,例如构建钱包和机器人。

您可以通过学习如何与 Sui 上的 Move 合约交互来进一步构建更复杂的 dApp

版本聲明 本文轉載於:https://dev.to/goodylili/how-to-use-the-sui-typescript-sdk-2dep?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 在 Go 中使用 WebSocket 進行即時通信
    在 Go 中使用 WebSocket 進行即時通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    程式設計 發佈於2024-11-14
  • 如何使用命令式方法更新 React 中的巢狀狀態?
    如何使用命令式方法更新 React 中的巢狀狀態?
    更新嵌套狀態的命令式方法在 React 中,狀態更新是不可變的。這意味著要更新嵌套物件或數組,您不能簡單地修改其屬性並期望變更反映在 UI 中。相反,您需要建立包含更新值的新物件或數組,然後將其傳遞給 setState。 考慮以下範例,其中我們要更新物件中索引 1 處的物件的 name 屬性儲存在狀...
    程式設計 發佈於2024-11-14
  • 原子變數有哪些不同的記憶體排序模型?
    原子變數有哪些不同的記憶體排序模型?
    瞭解記憶體排序的意思原子變數提供安全的記憶體存取和跨執行緒同步。了解不同的記憶體順序對於有效利用它們至關重要。 輕鬆:無記憶體同步。 可能重新排序的最佳化操作讀取和寫入。 順序一致 (seq_cst):最嚴格的排序。 防止對周圍的任何記憶體操作進行重新排序原子操作。 確保所有執行緒的記憶體存取一致。...
    程式設計 發佈於2024-11-14
  • 為什麼在 For 迴圈中放錯 Return 語句會影響輸入迴圈?
    為什麼在 For 迴圈中放錯 Return 語句會影響輸入迴圈?
    For循環中返回語句錯位在你的作業中,你遇到了一個問題,程式只允許輸入一隻寵物,儘管瞄準三個。這個問題源自於 make_list 函數中 return 語句的定位。 在 for 迴圈中,return 語句在到達函數時立即終止函數的執行。在提供的程式碼中,return 語句放置在循環內部,導致函數在第...
    程式設計 發佈於2024-11-14
  • 大批
    大批
    方法是可以在物件上呼叫的 fns 數組是對象,因此它們在 JS 中也有方法。 slice(begin):將陣列的一部分提取到新數組中,而不改變原始數組。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index ...
    程式設計 發佈於2024-11-14
  • 如何防止使用者關閉 Bootstrap 模式?
    如何防止使用者關閉 Bootstrap 模式?
    停用使用者啟動的 Bootstrap 模態退出您可以透過點選 Bootstrap 模態區域外部來阻止使用者關閉 Bootstrap 模態。這在您想要強制使用者在繼續操作之前與特定模態內容互動的情況下非常有用。 停用模態背景點擊關閉預設情況下,使用者可以透過點選模式視窗之外的任何位置來關閉模式。若要停...
    程式設計 發佈於2024-11-14
  • 如何在 Python 中將巢狀清單匯出到 CSV 檔案?
    如何在 Python 中將巢狀清單匯出到 CSV 檔案?
    在Python中將嵌套列表匯出到CSV檔案將嵌套列表(其中每個內部列表包含不同類型的元素)寫入CSV檔案可以在Python 中處理資料時這是一項常見任務。以下是應對這項挑戰的方法:Python 的 csv 模組提供了處理 CSV 作業的便利方法。若要將清單的清單(例如a = [[1.2,'a...
    程式設計 發佈於2024-11-14
  • 如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    在 PHP 中組合關聯數組在 PHP 中,將兩個關聯數組組合成一個數組是常見任務。考慮以下請求:問題描述:提供的代碼定義了兩個關聯數組,$array1和$array2。目標是建立一個新陣列 $array3,它合併兩個陣列中的所有鍵值對。 此外,提供的陣列具有唯一的 ID,而名稱可能重疊。要求是建構一...
    程式設計 發佈於2024-11-14
  • 如何有效率地提取Go Slice的最後一個元素?
    如何有效率地提取Go Slice的最後一個元素?
    Go 提取切片最後一個元素的最佳方法在 Go 中使用切片時,有效操作元素至關重要。一個常見的任務是提取最後一個元素,這可以透過多種方法來實現。 現有解決方案的缺點使用切片提供的解決方案[len(slice)-1 :][0] 看起來很麻煩並且涉及不必要的複雜性。它會傳回一個僅包含最後一個元素的切片,然...
    程式設計 發佈於2024-11-14
  • 為什麼我的 JavaScript 事件在動態元素追加後沒有被觸發?
    為什麼我的 JavaScript 事件在動態元素追加後沒有被觸發?
    動態元素追加後 JavaScript 事件未觸發您遇到了向 DOM 追加新元素後 JavaScript 事件未觸發的問題。這是因為 jQuery 僅識別頁面載入期間最初執行時存在的元素。 要解決此問題,您需要使用事件委託來擷取動態元素中的事件。事件委託涉及擷取頁面載入期間已經存在的 DOM 中較高層...
    程式設計 發佈於2024-11-14
  • `unshift()` 是在 JavaScript 中將元素新增到陣列的最有效方法嗎?
    `unshift()` 是在 JavaScript 中將元素新增到陣列的最有效方法嗎?
    JavaScript 中的最佳數組前置將元素前置到數組的開頭是 JavaScript 中的常見要求。在這裡,我們探索一種比問題中建議的傳統方法更好的方法。 Unshift 方法:本機解決方案JavaScript 提供了一個名為 unshift 的內建方法有效地將元素新增至陣列的開頭。與涉及建立新陣列...
    程式設計 發佈於2024-11-14
  • 在 JavaScript 中透過建構函數定義方法是否會建立重複的函數副本?
    在 JavaScript 中透過建構函數定義方法是否會建立重複的函數副本?
    JavaScript 中透過原型與建構函數定義方法的效能影響在JavaScript 中,存在兩種建立具有公用函數的「類”的方法:使用原型或建構函數。方法 1 透過建構函式將函數指派給實例,而方法 2 利用原型在所有實例之間共用函數。 雖然方法 2 通常被認為更有效率,但剝奪實例的私有實例變數是一個顯...
    程式設計 發佈於2024-11-14
  • 如何使用 matcha.css 設定 HTML 樣式
    如何使用 matcha.css 設定 HTML 樣式
    Written by Emmanuel Odioko✏️ Matcha, a famous green tea, is known for its stress-reducing benefits. I wouldn't claim that this tea necessarily inspire...
    程式設計 發佈於2024-11-14
  • 如何在 PHP 中從物件數組中提取屬性列?
    如何在 PHP 中從物件數組中提取屬性列?
    從物件陣列中提取屬性列要從一行中的物件陣列中提取屬性列,我們可以使用PHP array_column()函數,在PHP 7.0 中引入。 $cats = Array( (object) ['id' => 15], (object) ['id' => 18], (o...
    程式設計 發佈於2024-11-14
  • 為什麼嘗試在 CSS 中創建淡出效果時我的幻燈片動畫不起作用?
    為什麼嘗試在 CSS 中創建淡出效果時我的幻燈片動畫不起作用?
    CSS3過渡:淡出效果當嘗試使用純CSS實現淡出效果時,可能會感到困惑為什麼幻燈片動畫行不通。原因如下:淡出效果的關鍵在於轉換不透明度屬性。 top屬性,用於幻燈片動畫,不會產生想要的效果。 使用CSS3 Transition的淡出效果下面是一個如何實現淡出效果的例子使用CSS3過渡的淡出效果:.h...
    程式設計 發佈於2024-11-14

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3