Sign Messages with Solana Libraries - Para Docs

You’re viewing the 2.0 (LTS) docs. View the current 3.0 version of this page.

Sign messages to prove ownership of a Solana address without submitting a transaction. This is commonly used for authentication and verification purposes.

@solana/kit
@solana/web3.js
Anchor

import { useParaSolanaSigner } from '@getpara/react-sdk';
import { createSolanaRpc } from '@solana/kit';
import { getUtf8Encoder } from '@solana/codecs-strings';
import bs58 from 'bs58';

const rpc = createSolanaRpc("https://api.mainnet-beta.solana.com");

function SignMessage() {
  const { solanaSigner, isLoading } = useParaSolanaSigner({ rpc });

  const signMessage = async () => {
    if (!solanaSigner) return;

    const message = "Hello, Solana!";
    const messageBytes = new Uint8Array(getUtf8Encoder().encode(message));

    const signatureResult = await solanaSigner.signMessages([
      { content: messageBytes, signatures: {} }
    ]);

    const signatureBytes = signatureResult[0][solanaSigner.address];
    const signatureBase58 = bs58.encode(signatureBytes);

    return { message, signature: signatureBase58, signer: solanaSigner.address };
  };

  return <button onClick={signMessage}>Sign Message</button>;
}

import { useParaSolana } from './hooks/useParaSolana';
import bs58 from 'bs58';

function SignMessage() {
  const { signer } = useParaSolana();

  const signMessage = async () => {
    if (!signer) {
      console.error("No signer available. Connect wallet first.");
      return;
    }

    const message = "Hello, Solana!";
    const messageBytes = new TextEncoder().encode(message);

    const signature = await signer.signBytes(Buffer.from(messageBytes));
    const signatureBase58 = bs58.encode(signature);

    console.log("Message:", message);
    console.log("Signature:", signatureBase58);
    console.log("Signer:", signer.address);
  };

  return <button onClick={signMessage}>Sign Message</button>;
}

Signing messages with Anchor programs uses the same useParaSolanaSigner — the signer implements MessagePartialSigner:

import { useParaSolanaSigner } from "@getpara/react-sdk";
import { createSolanaRpc } from "@solana/kit";
import { getUtf8Encoder } from "@solana/codecs";
import bs58 from "bs58";

const rpc = createSolanaRpc("https://api.devnet.solana.com");

function SignMessage() {
  const { solanaSigner, isLoading } = useParaSolanaSigner({ rpc });

  const handleSign = async () => {
    if (!solanaSigner) return;

    const message = getUtf8Encoder().encode("Hello from Anchor + Para!");
    const [signatures] = await solanaSigner.signMessages([
      { content: message, signatures: {} },
    ]);
    const signatureBytes = signatures[solanaSigner.address];
    console.log("Signature:", bs58.encode(signatureBytes));
    console.log("Signer:", solanaSigner.address);
  };

  if (isLoading) return <p>Loading...</p>;
  return <button onClick={handleSign}>Sign Message</button>;
}

Next Steps