Hova Verification Code Integration System between WordPress and AdLinkFly

Mình sẽ mô tả lại toàn bộ quy trình hoạt động dựa trên các ảnh bạn gửi như sau:

Mô tả hệ thống tích hợp Verify Code giữa WordPress và AdLinkFly

1. Giao diện WordPress (Plugin Verify Code)

• Trong trang WordPress, plugin HovaIT Verify Code được cài đặt và kích hoạt giấy phép.
• Trang cài đặt cho phép quản trị viên cấu hình:
  • Thời gian hết hạn mã xác thực (Code Expiration Time – phút).
  • Thời gian hiển thị đếm ngược (Code Display Countdown Time – giây).
  • Bật/tắt nút “Get Code” ở footer.
  • Domain API của WordPress để AdLinkFly gọi (ví dụ: https://wp.hovait.com).
• Khi giấy phép đã kích hoạt, toàn bộ tùy chọn hiển thị; khi chưa kích hoạt thì bị ẩn và vô hiệu hóa.

2. Nút “Get Verification Code” trên Website WordPress

• Khi người dùng truy cập WordPress (theo đường dẫn từ AdLinkFly), một nút nổi “Get Verification Code” xuất hiện ở góc phải dưới màn hình.
• Khi bấm nút:
  • Nếu có thời gian đếm ngược, nút sẽ tạm khóa và hiển thị “Please wait: X seconds”.
  • Hết thời gian đếm ngược, nút kích hoạt và người dùng có thể lấy mã.
• Mã này là một chuỗi duy nhất được sinh ra và lưu tạm thời trong WordPress theo cấu hình thời gian hết hạn.

3. Giao diện AdLinkFly (Trang trung gian)

• Khi người dùng nhấp một link rút gọn:
  1. AdLinkFly hiển thị bước đếm ngược ban đầu.
  2. Sau đó hiện màn hình “Verify Code to Continue”:
     • Hướng dẫn người dùng mở một tab mới vào WordPress (hoặc tìm kiếm theo câu lệnh “site:wp.hovait.com get code”) để lấy mã.
     • Có ô nhập để nhập mã vừa lấy từ WordPress.
• Nếu người dùng nhập sai mã → thông báo “Invalid code”.
• Nếu nhập đúng mã và còn hiệu lực → chuyển sang nút “Get Link” để hoàn tất.

4. Kết nối giữa AdLinkFly và WordPress

• Trong phần Admin Settings của AdLinkFly, quản trị viên nhập domain WordPress (Domain Redirect WordPress).
• Khi người dùng tới bước xác minh, AdLinkFly sẽ gửi yêu cầu kiểm tra mã đến API của WordPress (verify-code-api.php).
• WordPress kiểm tra:
  • Mã có tồn tại không?
  • Có còn hạn không?
  • Có đúng với mã được sinh ra gần nhất không?
• Nếu hợp lệ, AdLinkFly cho phép sang bước lấy link.

Tóm tắt luồng hoạt động:

1. Người dùng vào link rút gọn → AdLinkFly yêu cầu mã.
2. Người dùng vào trang WordPress để lấy mã (nút “Get Code”).
3. Người dùng nhập mã vào AdLinkFly.
4. AdLinkFly gọi API WordPress để xác minh → Nếu OK → Cho lấy link.