クライアント実装

Magic Actions を構築するためのクライアント側ガイド

---

​

クイックアクセス

Magic Actions Example

GitHub でリファレンス実装を見る

---

​

Router 接続のセットアップ

Magic Router を使って、ER とベースレイヤーにトランザクションをルーティングして送信します。

Kit

import { Connection } from "@magicblock-labs/ephemeral-rollups-kit";

// Initialize connection
const connection = await Connection.create(
  "https://devnet-router.magicblock.app",
  "wss://devnet-router.magicblock.app"
);

// ... create transaction

// Send and confirm transaction
const txHash = await connection.sendAndConfirmTransaction(
  transactionMessage,
  [userKeypair],
  { commitment: "confirmed", skipPreflight: true }
);

​

トランザクションフロー

1. カウンターを ER に委任する

const delegateTx = await program.methods
  .delegate()
  .accounts({
    payer: anchor.Wallet.local().publicKey,
    pda: pda,
  })
  .transaction();

2. ER 上でカウンターをリアルタイムにインクリメントする

const incrementTx = await program.methods
  .increment()
  .accounts({
    counter: pda,
  })
  .transaction();

3. Magic Action 付きでコミットする

const commitTx = await program.methods
  .commitAndUpdateLeaderboard()
  .accounts({ payer: wallet.publicKey /* your accounts */ })
  .transaction();

​

例

Quickstart Ephemeral Rollups

ER 利用のエンドツーエンド解説

Magic Router

Router の概要とフロー