VietQR mini payment page (SePay)

Trang tĩnh tạo mã QR VietQR động bằng công cụ miễn phí của SePay. Người dùng nhập số tiền và nội dung chuyển khoản, QR cập nhật ngay mà không cần backend.

Cách chạy

• Mở trực tiếp index.html bằng trình duyệt (double-click).
• Hoặc phục vụ qua bất kỳ web server tĩnh (vd. npx serve .).

Cấu trúc

• index.html – markup trang, link tới CSS/JS ngoài.
• styles.css – giao diện.
• script.js – logic tạo URL QR và cập nhật ảnh.

Thiết lập thông tin tài khoản

Sửa các hằng trong script.js:

const BANK = 'MMB';      // mã ngân hàng (theo SePay, vd: ICB, VCB, BIDV, MBB, TCB...)
const ACCOUNT = '012345678'; // số tài khoản
const ACCOUNT_NAME = 'Bank name'; // chỉ để hiển thị

Cách hoạt động

• SePay render QR qua URL: https://qr.sepay.vn/img?acc=...&bank=...&amount=...&des=...
• Script gắn giá trị form vào URL, cập nhật src của <img>, đồng thời set link tải/mở ảnh.
• Không lưu trữ, không xác thực, không webhook. Chỉ là tiện ích tạo QR.

Giới hạn / lưu ý

• Website không biết ai đã thanh toán; không có xác nhận từ ngân hàng.
• Người dùng có thể đổi số tiền/nội dung trong app ngân hàng trước khi chuyển.
• Muốn đối soát tự động cần tích hợp API ngân hàng/đối tác có webhook.

Tuỳ chỉnh giao diện

• Chỉnh styles.css để đổi màu, font, layout.
• Thêm preset số tiền bằng cách thêm nút trong .quick và thuộc tính data-add.