開発者 · Base

USDC をキャッシュアウトする Base mini app を作る。

Base アプリにフルのウォレットダッシュボードではなく、集中したキャッシュアウト画面が必要なときに使います。テンプレートは意図的に小さく、フォーム 1 つ、wallet client 1 つ、deposit 結果 1 つだけです。

Base テンプレートをクローン売却フローを開く
01

スターターを使う

  1. 1ADWilkinson/usdctofiat-peerlytics-starters をクローンし、templates/base-mini-app を開きます。
  2. 2Discovery surfaces をテストする前に、NEXT_PUBLIC_APP_URL を公開 HTTPS origin に設定します。
  3. 3フォームはコンパクトに保ちます: ルート、金額、支払いハンドル、ウォレット接続、結果。
  4. 4deposit を attribution できるよう、integratorId と referralId を付けて offramp(walletClient, params) を呼びます。
02

Base 固有の要件

Next.js app

公式 Base app quickstart に沿い、デプロイをシンプルに保ちます。

Base Account

@base-org/account 経由で Base-native な接続経路をユーザーに提供します。

Viem WalletClient

off-ramp SDK は、あなたが渡す wallet client で署名します。

Builder Code

アプリが Base.dev に登録された後、onchain activity を attribution します。

実トランザクションテスト

production build だけでは不十分です。小額の Base deposit をエンドツーエンドで検証してください。

03

画面を広げすぎない

  • キャッシュアウトフォームの前にマーケティング hero を追加しない。
  • 支払いルート、金額、ハンドルを onboarding copy の後ろに隠さない。
  • fill speed を保証すると主張しない。流動性は引き続き buyer demand に左右されます。
  • 本物のコードが存在するまで Builder Code wiring を追加しない。

Keep exploring

Offramp SDKWebhooksDeveloper hub

Common questions

Base mini app は最初に何をすべきですか？

接続済みの Base Account wallet から本物の USDCtoFiat seller deposit を作成すべきです。ほかを追加する前に、金額、ルート、支払いハンドル、deposit 結果から始めてください。

Base mini app に別の backend は必要ですか？

基本のキャッシュアウトフローには不要です。wallet は client で署名し、@usdctofiat/offramp が Base deposit を作成します。account state、webhooks、独自の order database が必要なときだけ backend を追加してください。

Builder Code はいつ追加すべきですか？

Base.dev にアプリを登録し、本物のコードを受け取った後です。それまでは attribution に備えつつ、placeholder code を検証済みのように出荷しないでください。