anhnghi.com

Dưới đây là một ví dụ đơn giản sử dụng HTML và JavaScript có thể nhúng trực tiếp vào Blogspot (Blogspot cho phép nhúng mã HTML + JS) để: • Tạo mã QR chứa URL trỏ đến chính trang (với tham số truy vấn) • Khi quét mã QR (tức là người dùng mở URL đó) thì trang sẽ tự động tạo và hiển thị một mã giao dịch (transaction code) cùng thông tin ngân hàng. Lưu ý: Vì Blogspot là nền tảng tĩnh không hỗ trợ backend server như Flask hay Google Apps Script (nếu không cấu hình riêng) nên ví dụ dưới đây sử dụng JavaScript phía trình duyệt để “mô phỏng” quá trình tạo mã giao dịch. Trong môi trường thực tế, quá trình tạo mã giao dịch nên được thực hiện trên server có bảo mật. ─────────────────────────────── Cách thức hoạt động: 1. Khi truy cập trang gốc (không có tham số URL), trang sẽ tự động tạo mã QR. Mã QR này chứa URL của trang với tham số “transaction=1”. 2. Khi người dùng quét mã QR, trình duyệt mở URL có tham số “transaction=1”. 3. Script kiểm tra sự có mặt của tham số “transaction” trong URL. Nếu có, trang sẽ tự động tạo ra một mã giao dịch (ví dụ TXN-XXXXXXXX) và hiển thị thông tin giao dịch dạng JSON (gồm tên ngân hàng, số tài khoản, mã giao dịch, và thời gian giao dịch). ─────────────────────────────── Code mẫu (có thể nhúng vào blogspot – ví dụ đặt vào HTML/JavaScript gadget): ------------------------------------------------------------

QR Code Giao Dịch Vietcombank

------------------------------------------------------------ ─────────────────────────────── Hướng dẫn sử dụng trên Blogspot: 1. Đăng nhập vào Blogspot, tạo một bài đăng mới hoặc sử dụng gadget HTML/JavaScript. 2. Chuyển sang chế độ soạn thảo HTML và dán toàn bộ code phía trên vào. 3. Lưu và xem trang. - Trong trang gốc: Bạn sẽ thấy mã QR được tạo tự động. Mã QR này chứa URL của trang với tham số “transaction=1”. - Khi quét mã QR (hoặc mở URL chứa “transaction=1”), trang sẽ hiển thị thông tin giao dịch gồm mã giao dịch tự động và các thông tin khác. ─────────────────────────────── Lưu ý: • Đây chỉ là ví dụ mô phỏng để học tập. Trong thực tế, việc tạo mã giao dịch nên được thực hiện trên server có bảo mật, tích hợp API thanh toán của Vietcombank… • Nếu cần triển khai hệ thống giao dịch thực, bạn có thể xây dựng backend (sử dụng Flask, Node.js, hoặc Google Apps Script) và thay đổi URL trong mã QR cho phù hợp. Hy vọng ví dụ trên sẽ giúp bạn có ý tưởng về cách tích hợp mã QR và tạo mã giao dịch tự động trên Blogspot!