⚡

链上开发套件(OnchainKit)Skill onchainkit

OnchainKit是Coinbase提供的React组件库，用于快速构建生产就绪的链上应用程序，简化区块链开发，支持钱包连接、身份管理、代币交换等核心功能，无需复杂后端，适用于DApp开发、Web3应用和区块链项目。关键词：区块链开发、React组件、DApp、链上应用、Coinbase、Web3、智能合约。

DApp开发 0 次安装 0 次浏览 更新于 3/9/2026

name: onchainkit description: “使用Coinbase的OnchainKit React组件构建链上应用 - 钱包、交换、NFTs、支付” command: onchainkit emoji: “🔗”

OnchainKit - 构建链上应用

使用Coinbase的React组件库构建生产就绪的链上应用程序。

概述

OnchainKit提供即用型组件，抽象区块链复杂性：

  • 无需后端基础设施
  • 在Base上自动工作
  • 成本效益高的交易（< $0.01 费用）

命令

项目设置

/onchainkit create <项目名称>    创建新的链上应用
/onchainkit add <组件>           添加组件到项目

模板

/onchainkit template wallet      钱包连接模板
/onchainkit template swap        代币交换应用模板
/onchainkit template nft         NFT铸造模板
/onchainkit template checkout    支付处理模板

文档

/onchainkit docs wallet          钱包集成文档
/onchainkit docs identity        身份组件文档
/onchainkit docs swap            代币交换文档
/onchainkit docs transaction     交易构建文档

核心组件

钱包连接

import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
<Wallet><ConnectWallet /></Wallet>

身份显示

import { Identity, Avatar, Name } from '@coinbase/onchainkit/identity';
<Identity address={地址}><Avatar /><Name /></Identity>

代币交换

import { Swap, SwapButton } from '@coinbase/onchainkit/swap';
<Swap><SwapButton /></Swap>

快速开始

# 创建新应用
npm create onchain@latest

# 或添加到现有项目
npm install @coinbase/onchainkit

配置

export NEXT_PUBLIC_CDP_API_KEY="..."        # Coinbase API密钥
export NEXT_PUBLIC_WC_PROJECT_ID="..."      # WalletConnect ID

资源