- @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>;
}