本页目录
快速开始
签名前请求权限、选择已连接账户,并读取当前链。这些示例使用 @mysten/[email protected],与当前 provider 接受的 @mysten/[email protected] 匹配。
了解如何检测、连接和与 Sui 进行交互。
OneKey 实现 Sui Wallet Standard,可用于兼容该标准的集成。
Provider 检测
// Detect OneKey Sui provider
const provider = window.$onekey?.sui
if (!provider) {
throw new Error('OneKey Sui provider not detected')
}检查权限
// Check if already connected
const hasPermission = await provider.hasPermissions()
if (hasPermission) {
const accounts = await provider.getAccounts()
console.log('Connected accounts:', accounts)
}请求连接
// Request permissions to connect
const result = await provider.requestPermissions()
if (result) {
const accounts = await provider.getAccounts()
console.log('Connected:', accounts[0].address)
}签名所需的账户上下文
安装 @mysten/[email protected]。注入式 provider 的 getAccounts() 返回 AccountInfo[],不是签名方法要求的 WalletAccount。下方辅助函数通过 Wallet Standard 获取完整账户。在钱包注册后,由用户操作触发调用;处理拒绝请求,并在账户或网络变化后重新连接。
import { getWallets, isWalletWithRequiredFeatureSet } from '@mysten/wallet-standard'
async function connectSuiAccount() {
const wallet = getWallets().get().find(wallet => wallet.name === 'OneKey Wallet')
if (!wallet || !isWalletWithRequiredFeatureSet(wallet)) {
throw new Error('OneKey Sui Wallet Standard is not available')
}
const { accounts } = await wallet.features['standard:connect'].connect()
const [account] = accounts
const chain = await provider.getActiveChain()
if (!account || !chain || !account.chains.includes(chain)) {
throw new Error('No connected Sui account for the active chain')
}
return { account, chain }
}获取账户
const accounts = await provider.getAccounts()
accounts.forEach(account => {
console.log({
address: account.address, // Sui address
publicKey: account.publicKey, // Public key (hex string)
})
})获取当前链
const chain = await provider.getActiveChain()
console.log('Active chain:', chain) // e.g., 'sui:testnet'检查连接状态
const isConnected = provider.isConnected()
console.log('Connected:', isConnected)断开连接
await provider.disconnect()事件监听
监听账户变更
provider.onAccountChange((account) => {
if (account) {
console.log('Account changed:', account.address)
} else {
console.log('Disconnected')
}
})监听网络变更
provider.onNetworkChange((network) => {
console.log('Network changed:', network)
})使用 Sui Wallet Kit
此 React 示例使用下方锁定的兼容版本:
npm install @mysten/[email protected] @mysten/[email protected] @tanstack/react-query@^5import { SuiClientProvider, WalletProvider } from '@mysten/dapp-kit'
import { getFullnodeUrl } from '@mysten/sui/client'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
const queryClient = new QueryClient()
const networks = {
mainnet: { url: getFullnodeUrl('mainnet') },
testnet: { url: getFullnodeUrl('testnet') },
}
function App() {
return (
<QueryClientProvider client={queryClient}>
<SuiClientProvider networks={networks} defaultNetwork="mainnet">
<WalletProvider>
<YourApp />
</WalletProvider>
</SuiClientProvider>
</QueryClientProvider>
)
}OneKey 会通过 Sui Wallet Standard 自动被检测。
最后更新于