開発者向け · アプリ

ユーザーが実際に完了できるUSDC売却フローを構築。

優れたオフランプアプリは、その大半が地味な状態管理です。ルートを収集し、ウォレットに署名させ、拡張機能でゲートされた支払い方法をリカバリし、デポジットリンクを表示し、タブを閉じた後にライフサイクルイベントを照合します。

SDKガイドを開くスターターをクローン
01

フロントエンドのパス

  1. 01金額、支払いプラットフォーム、fiat通貨、受取識別子を収集します。
  2. 02プロバイダーの現在のポリシー境界を表示し、ユーザーにアカウント、地域、トランザクションの適格性を確認するよう要求します。
  3. 03接続済みのviem WalletClientをuseOfframp()またはcreateOfframp({ walletClient })に渡します。
  4. 04進行状況の状態を表示します: approving、registering、depositing、confirming、delegating、restricting、resuming、done。
  5. 05対象となる拡張ゲート ルートの場合は、EXTENSION_REGISTRATION_REQUIRED をキャッチし、usePeerExtensionRegistration(platform) を駆動します。
  6. 06ページ読み込み時にdeposits(address)を呼び出し、リフレッシュが進行中の売り手を取り残さないようにします。
02

保存すべき状態

項目理由
depositIdclose()、OTCリンク、サポートのための主要ハンドル
txHashユーザーが署名しデポジットトランザクションをブロードキャストした証明
platform + currencyルート表示、サポート、分析のセグメンテーション
識別子ラベル人間が読める受取参照。シークレットは保存しないこと
integratorIdプロダクトテレメトリとサポートのための安定した帰属情報
03

UXの制約

  • SDKはBaseメインネットを対象とし、公開サンドボックスはありません。最小額の1 USDCでテストしてください。
  • SDKで作成されるすべてのデポジットは、価格設定をDelegateボールトに委任します。このパスでは手動のレートコントロールを表示しないでください。
  • fiatはSDKの外側にとどまります。買い手と売り手は、選択した支払いアプリ内で直接決済します。
  • Reconcile narrow owner state with deposits(); use Peerlytics API for broader market data, deposits, intents, and analytics.

探索を続けてください

Peerlytics API開発者ハブ

よくある質問

ウォレットアプリはスタンドアロン関数とReactフックのどちらを使うべきですか？

ローディング、進行状況、エラー、結果の状態を組み込みで使いたい場合はReactフックを使います。アプリが独自の状態マシンを持つ場合はcreateOfframp({ walletClient })を使います。

PayPalまたはWiseの登録が失敗したとき、何を表示すべきですか？

最初にポリシーの境界を示します。Wise は、P2P の暗号通貨販売の領収書を禁止し、PayPal は事前承認を必要とする場合があります。適格なプロバイダー フローの場合のみ、EXTENSION_REGISTRATION_REQUIRED をキャッチし、拡張機能に接続し、usePeerExtensionRegistration() を完了して、再試行する必要があります。