Create Wallets with Private Keys

If your application already manages private keys for users, you can use ZeroDev to create AA wallets that are owned by those private keys.

API

Ethers.js

import { getZeroDevSigner, getPrivateKeyOwner } from '@zerodevapp/sdk'

const signer = await getZeroDevSigner({
  projectId: "<project id>",
  owner: getPrivateKeyOwner("<private key>"),
})

Example:

Code Editor

function PrivateKeyExample() { const [address, setAddress] = useState('') const [loading, setLoading] = useState(false) const [privateKey, setPrivateKey] = useState('468f0c80d5336c4a45be71fa19b77e9320dc0abaea4fd018e0c49aca90c1db78') const createWallet = async () => { setLoading(true) const signer = await getZeroDevSigner({ projectId: defaultProjectId, owner: getPrivateKeyOwner(privateKey), }) setAddress(await signer.getAddress()) setLoading(false) } return ( <div> <div> <input value={privateKey} size="80" onChange={(e) => setPrivateKey(e.target.value)}/> <button onClick={createWallet} disabled={loading}>{ loading ? 'loading...' : 'Create Wallet'}</button> </div> {address && <div> <label>Wallet: {address}</label> </div> } </div> ) }

function PrivateKeyExample() {
  const [address, setAddress] = useState('')
  const [loading, setLoading] = useState(false)
  const [privateKey, setPrivateKey] = useState('468f0c80d5336c4a45be71fa19b77e9320dc0abaea4fd018e0c49aca90c1db78')

  const createWallet = async () => {
    setLoading(true)
    const signer = await getZeroDevSigner({
      projectId: defaultProjectId,
      owner: getPrivateKeyOwner(privateKey),
    })
    setAddress(await signer.getAddress())
    setLoading(false)
  }

  return (
    <div>
      <div>
      <input value={privateKey} size="80" onChange={(e) => setPrivateKey(e.target.value)}/>
      <button onClick={createWallet} disabled={loading}>{ loading ? 'loading...' : 'Create Wallet'}</button>
      </div>
      {address && 
        <div>
          <label>Wallet: {address}</label>
        </div>
      }
    </div>
  )
}

Result

Loading...

Wagmi

import { ZeroDevConnector } from '@zerodevapp/wagmi'
import { getPrivateKeyOwner } from '@zerodevapp/sdk'
const connector = new ZeroDevConnector({chains, options: {
  projectId: "<your-project-id>",
  owner: getPrivateKeyOwner("<private-key>"),
}})

Example:

Code Editor

function WagmiPrivateKeyExample() { const { chains, provider, webSocketProvider } = configureChains( [polygonMumbai], [publicProvider()], ) const client = createClient({ autoConnect: false, connectors: [ new ZeroDevConnector({chains, options: { projectId: defaultProjectId, owner: getPrivateKeyOwner('468f0c80d5336c4a45be71fa19b77e9320dc0abaea4fd018e0c49aca90c1db78'), }}) ], provider, webSocketProvider, }) const ConnectButton = () => { const { connect, connectors, error, isLoading, pendingConnector } = useConnect() const { address, connector, isConnected } = useAccount() const { chain } = useNetwork() if (isConnected) { return ( <div> <div>{address}</div> <div>Connected to {connector.name}</div> <a href={`${chain.blockExplorers.default.url}/address/${address}`} target="_blank">Explorer</a> </div> ) } return ( <button disabled={isLoading} onClick={() => connect({connector: connectors[0]})}> {isLoading ? 'loading...' : 'Connect'} </button> ) } return ( <WagmiConfig client={client}> <ConnectButton /> </WagmiConfig> ) }

function WagmiPrivateKeyExample() {

  const { chains, provider, webSocketProvider } = configureChains(
    [polygonMumbai],
    [publicProvider()],
  )
  const client = createClient({
    autoConnect: false,
    connectors: [
      new ZeroDevConnector({chains, options: {
        projectId: defaultProjectId,
        owner: getPrivateKeyOwner('468f0c80d5336c4a45be71fa19b77e9320dc0abaea4fd018e0c49aca90c1db78'),
      }})
    ],
    provider,
    webSocketProvider,
  })

  const ConnectButton = () => {
    const { connect, connectors, error, isLoading, pendingConnector } = useConnect()
    const { address, connector, isConnected } = useAccount()
    const { chain } = useNetwork()

    if (isConnected) {
      return (
        <div>
          <div>{address}</div>
          <div>Connected to {connector.name}</div>
          <a href={`${chain.blockExplorers.default.url}/address/${address}`} target="_blank">Explorer</a>
        </div>
      )
    }
    return (
      <button disabled={isLoading} onClick={() => connect({connector: connectors[0]})}>
        {isLoading ? 'loading...' : 'Connect'}
      </button>
    )
  }
  return (
    <WagmiConfig client={client}>
      <ConnectButton />
    </WagmiConfig>
  )
}

Result

Loading...