> ## Documentation Index
> Fetch the complete documentation index at: https://docs.actioncodes.org/llms.txt
> Use this file to discover all available pages before exploring further.
# Sign Message
> Sign a message using an action code
export const SignMessage = () => {
const [message, setMessage] = useState("");
const [status, setStatus] = useState(null);
const [loading, setLoading] = useState(false);
const [code, setCode] = useState("");
const [observing, setObserving] = useState(false);
const [signedMessage, setSignedMessage] = useState(null);
const [pubkey, setPubkey] = useState(null);
const [error, setError] = useState(null);
const truncatePubkey = key => key ? `${key.slice(0, 5)}...${key.slice(-5)}` : "";
const resolveCode = async actionCode => {
const response = await fetch(`https://relay.actioncodes.org/resolve/solana/${actionCode}`, {
method: "GET",
headers: {
"Authorization": "Bearer kfTLXFBGzWdqhqZVKD5P0EBJbWoAXlAEfhZguphX9aI"
}
});
if (!response.ok) {
const error = await response.json().catch(() => ({}));
throw new Error(error.message || "Failed to resolve code");
}
return response.json();
};
const consumeCode = async (actionCode, messageText) => {
const response = await fetch("https://relay.actioncodes.org/consume", {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": "Bearer kfTLXFBGzWdqhqZVKD5P0EBJbWoAXlAEfhZguphX9aI"
},
body: JSON.stringify({
code: actionCode,
chain: "solana",
payload: {
mode: "sign-only-message",
message: messageText
}
})
});
if (!response.ok) {
const errorText = await response.text();
let errorMessage = "Failed to consume code";
try {
const err = JSON.parse(errorText);
errorMessage = err.message || errorMessage;
} catch {}
throw new Error(errorMessage);
}
};
const observeSignature = async actionCode => {
const maxAttempts = 60;
const interval = 2000;
for (let i = 0; i < maxAttempts; i++) {
try {
const data = await resolveCode(actionCode);
if (data.data?.signedMessage) {
return {
signedMessage: data.data.signedMessage,
pubkey: data.pubkey
};
}
} catch {}
await new Promise(r => setTimeout(r, interval));
}
throw new Error("Timed out waiting for signature");
};
const handleSubmit = async e => {
e.preventDefault();
setLoading(true);
setStatus(null);
setSignedMessage(null);
setPubkey(null);
setError(null);
setObserving(false);
if (!(/^\d{8}$/).test(code)) {
setStatus("invalid_code");
setLoading(false);
return;
}
try {
await resolveCode(code);
await consumeCode(code, message);
setLoading(false);
setStatus("waiting");
setObserving(true);
const result = await observeSignature(code);
setSignedMessage(result.signedMessage);
setPubkey(result.pubkey);
setStatus("signed");
} catch (err) {
setStatus("error");
setError(err.message);
} finally {
setLoading(false);
setObserving(false);
}
};
return <>
;
};
This demo shows how message signing works with Action Codes. You'll attach a message to your code and sign it with your wallet.
This only demonstrates the signing flow. No transactions are sent — you're just signing a message.
## How to use this demo
Open [actioncode.app](https://actioncode.app) in your Solana wallet's browser (Phantom, Solflare, etc.), connect your wallet, and tap "Get Code"
Paste your 8-digit code and type the message you want to sign
Go back to actioncode.app — you'll see the signing request. Approve it with your wallet.
Once approved, the signed message appears below
Codes expire in \~2 minutes. Get a fresh code right before using this demo.
***
***
## What's happening
This demo calls the Action Codes SDK:
```typescript theme={null}
// 1. Resolve the code to verify it
const actionCode = await client.resolve(code)
// 2. Attach the message
await client.attachMessage(code, message)
// 3. Wait for user approval
for await (const status of client.observeStatus(code)) {
if (status.signedMessage) {
// User signed the message!
}
}
```
For the full SDK reference, see [SDK Methods](/sdk/methods).