🧪 Test Facebook Sharing với Ngrok

✅ Ngrok tunnel đã được tạo thành công!
Server local của bạn hiện có thể truy cập từ internet.
🌐 Public URL: https://cbc6501f2908.ngrok-free.app

🔢 Test với ID khác nhau:

Nhập ID tin đăng bạn muốn test:

URLs hiện tại:
https://cbc6501f2908.ngrok-free.app/tin-dang/723
Facebook Debugger: https://developers.facebook.com/tools/debug/?q=https%3A//cbc6501f2908.ngrok-free.app/tin-dang/723
⚠️ Lưu ý: URL ngrok này chỉ hoạt động khi ngrok process đang chạy. Nếu bạn restart ngrok, URL sẽ thay đổi.

🚀 Các bước test Facebook Sharing:

Bước 1: Truy cập trang tin đăng

Click vào link dưới để truy cập trang tin đăng qua ngrok:

🏠 Xem tin đăng 723
URL: https://cbc6501f2908.ngrok-free.app/tin-dang/723

Bước 2: Kiểm tra Meta Tags

Sau khi trang load, nhấn F12 và chạy script này trong Console:

// Kiểm tra meta tags
console.log('=== FACEBOOK META TAGS ===');
const ogTags = document.querySelectorAll('meta[property^="og:"]');
ogTags.forEach(tag => {
  console.log(`${tag.getAttribute('property')}: ${tag.getAttribute('content')}`);
});

Bước 3: Test Facebook Sharing Debugger

Sử dụng Facebook Sharing Debugger để kiểm tra meta tags:

🔍 Facebook Debugger

Hoặc copy URL này vào Facebook Debugger: https://cbc6501f2908.ngrok-free.app/tin-dang/723

Bước 4: Test Share thực tế

Test chia sẻ thực tế lên Facebook:

📋 Checklist kiểm tra:

🛠️ Troubleshooting:

Nếu không truy cập được ngrok URL:

Nếu Facebook Debugger báo lỗi:

Nếu meta tags không đúng:

🔧 Commands hữu ích:

# Kiểm tra ngrok status
curl http://localhost:4040/api/tunnels

# Restart ngrok nếu cần
pkill ngrok
ngrok http 3000

# Kiểm tra server Nuxt.js
curl http://localhost:3000

# Test API endpoint
curl http://localhost:3000/api/tin-rao/723
💡 Tips: