|
|
<!DOCTYPE html> |
|
|
<html lang="vi"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<title>Solana IDM Demo – Fixed Buffer</title> |
|
|
<style> |
|
|
body { font-family: sans-serif; padding: 20px; max-width: 500px; margin: auto; } |
|
|
input, textarea, button { width: 100%; margin-top: 10px; padding: 10px; font-size: 16px; } |
|
|
button { background: #4CAF50; color: white; border: none; cursor: pointer; } |
|
|
button:hover { background: #45a049; } |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<h2>📨 Gửi Tin nhắn (IDM) qua Solana</h2> |
|
|
<button onclick="connectWallet()">🔌 Kết nối ví Phantom</button> |
|
|
<div id="wallet-address" style="margin-top:10px; font-weight: bold;"></div> |
|
|
|
|
|
<input type="text" id="recipient" placeholder="🎯 Nhập địa chỉ ví người nhận (ví dụ: của bạn)"> |
|
|
<textarea id="message" rows="4" placeholder="💬 Nhập nội dung IDM (Memo)"></textarea> |
|
|
<button onclick="sendMemo()">📤 Gửi IDM</button> |
|
|
|
|
|
<div id="result" style="margin-top: 15px;"></div> |
|
|
|
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/buffer/6.0.3/buffer.min.js"></script> |
|
|
<script> |
|
|
window.global = window; |
|
|
window.Buffer = buffer.Buffer; |
|
|
</script> |
|
|
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@solana/web3.js@1.77.2/lib/index.iife.min.js"></script> |
|
|
|
|
|
<script> |
|
|
let provider = null; |
|
|
|
|
|
async function connectWallet() { |
|
|
if ('solana' in window) { |
|
|
provider = window.solana; |
|
|
if (provider.isPhantom) { |
|
|
try { |
|
|
const resp = await provider.connect(); |
|
|
document.getElementById("wallet-address").innerText = "🪪 Đã kết nối: " + resp.publicKey.toString(); |
|
|
} catch (err) { |
|
|
alert("Kết nối bị từ chối!"); |
|
|
} |
|
|
} else { |
|
|
alert("Cài ví Phantom trước nhé!"); |
|
|
} |
|
|
} else { |
|
|
alert("Trình duyệt không tìm thấy ví Solana."); |
|
|
} |
|
|
} |
|
|
|
|
|
async function sendMemo() { |
|
|
const connection = new solanaWeb3.Connection(solanaWeb3.clusterApiUrl('devnet')); |
|
|
const recipient = document.getElementById("recipient").value.trim(); |
|
|
const message = document.getElementById("message").value.trim(); |
|
|
|
|
|
if (!provider || !provider.publicKey) { |
|
|
alert("Bạn chưa kết nối ví Phantom!"); |
|
|
return; |
|
|
} |
|
|
if (!recipient || !message) { |
|
|
alert("Vui lòng nhập đầy đủ địa chỉ và nội dung."); |
|
|
return; |
|
|
} |
|
|
|
|
|
try { |
|
|
const transaction = new solanaWeb3.Transaction(); |
|
|
|
|
|
transaction.add(solanaWeb3.SystemProgram.transfer({ |
|
|
fromPubkey: provider.publicKey, |
|
|
toPubkey: new solanaWeb3.PublicKey(recipient), |
|
|
lamports: 0 |
|
|
})); |
|
|
|
|
|
transaction.add(new solanaWeb3.TransactionInstruction({ |
|
|
keys: [], |
|
|
programId: new solanaWeb3.PublicKey("MemoSq4gqABAXKb96qnH8TysNcWxMyWCqXgDLGmfcHr"), |
|
|
data: new TextEncoder().encode(message) |
|
|
})); |
|
|
|
|
|
transaction.feePayer = provider.publicKey; |
|
|
const blockhashObj = await connection.getLatestBlockhash(); |
|
|
transaction.recentBlockhash = blockhashObj.blockhash; |
|
|
|
|
|
const signed = await provider.signTransaction(transaction); |
|
|
const txid = await connection.sendRawTransaction(signed.serialize()); |
|
|
|
|
|
await connection.confirmTransaction(txid); |
|
|
document.getElementById("result").innerHTML = |
|
|
`✅ Đã gửi! <br>🧾 TxID: <a href="https://explorer.solana.com/tx/${txid}?cluster=devnet" target="_blank">${txid}</a>`; |
|
|
|
|
|
} catch (err) { |
|
|
console.error("Lỗi khi gửi giao dịch:", err); |
|
|
document.getElementById("result").innerText = "❌ Gửi thất bại: " + err.message; |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
