扱う範囲
-
01
ダッシュボード
ネットワーク、ウォレット、評価額のカードを、接続操作と最近の活動の横に置きます。公開画面は空の作業場です。件数はゼロで、ライブのセッションは付いていません。
ダッシュボード:ネットワークとウォレットのカード、接続操作、最近の活動。製品名はぼかしています。空の作業場です。 -
02
Ethereum ウォレット
L1/L2 をまたぐ ETH アドレスの取り込みと更新、資産表です。公開画面は未取り込みの空状態で、アドレスも鍵も出ません。
Ethereum ウォレットデスク:一括取り込みと更新。ウォレット追加前は空です。製品名はぼかしています。 -
03
無期限 API デスク
取引所 API 鍵は一度保存し、期限と接続テストを付けます。取引パネルは同じ設定を使います。公開画面では鍵欄を空にし、ぼかしています。
無期限 API デスク:アクセス鍵、シークレット、期限。鍵欄は空でぼかしています。製品名はぼかしています。 -
04
Solana デスク
接続状態、SOL 残高、送受信・スワップ・ステークの近道、よく使う Solana 会場への DeFi 入口です。公開画面は未接続で、アドレスはありません。
Solana デスク:接続、残高、近道操作、DeFi 入口。未接続でアドレスなし。製品名はぼかしています。
当時の問題
ウォレット一覧、Solana の操作、取引所 API の資格情報が別々の画面にありました。チェーン残高、SOL の操作、perp の鍵が保存されているかを確かめるには、いくつものツールを開く必要がありました。
作り方
コンソールは Next.js 14 のアプリです。Ethereum ウォレットと取引所 API 設定は MongoDB に残し、perp デスクは localStorage にもキャッシュします。サイドバーでダッシュボード、ETH、SOL、perp を切り替えます。取引所デスクは REST とコントラクト WebSocket を使います。
変わったこと
運用者はウォレットデスク、Solana の操作、取引所 API 設定を同じ作業場で扱えます。公開画面は空の状態です。製品名、鍵、アドレスはぼかしています。