Setiap event dari Instagram (komentar, pesan, dll) akan muncul di sini secara real-time.
Data diambil setiap 10 detik otomatis.
| # |
Waktu |
Object |
Event |
Entry ID |
Value |
| Memuat... |
đ Panduan Setup Instagram API + Webhook
âšī¸ Prerequisite:
1. Akun Instagram harus Business atau Creator (bukan Personal)
2. Instagram harus terhubung ke Facebook Page
3. Aplikasi harus dibuat di Meta Developer Dashboard
2
Setup Instagram API
Di dashboard aplikasi â Tambah produk "Instagram Graph API" â Konfigurasi
3
Setup Webhook
Tambah produk "Webhooks" â Set callback URL ke webhook.php kamu
4
Subscribe Fields
Subscribe ke field: comments, messages, live_comments
đ§ Konfigurasi Webhook di Meta Dashboard
// URL Webhook (harus HTTPS & publik):
Callback URL: https://DOMAIN_KAMU/meta_api/webhook.php
// Verify Token (harus sama dengan di config.php):
Verify Token: token_verifikasi_instagram_2024
// Fields yang perlu di-subscribe untuk object "instagram":
â
comments â Notifikasi komentar baru
â
live_comments â Notifikasi komentar di live
â
messages â Notifikasi DM masuk
â
messaging_seen â Notifikasi pesan dibaca
đ Testing dengan Ngrok (Localhost)
// 1. Install ngrok: https://ngrok.com
// 2. Jalankan di terminal:
ngrok http 80
// 3. Dapat URL seperti:
https://abc123.ngrok-free.app
// 4. Gunakan URL tersebut di Meta Dashboard:
Callback URL: https://abc123.ngrok-free.app/meta_api/webhook.php
// 5. Jangan lupa update IG_REDIRECT_URI di config.php:
IG_REDIRECT_URI: https://abc123.ngrok-free.app/meta_api/auth.php
đ Struktur File
meta_api/
âââ index.php â Dashboard ini (tampilan utama)
âââ config.php â Konfigurasi DB, API keys, helper functions
âââ webhook.php â Endpoint webhook (terima notifikasi dari Meta)
âââ auth.php â OAuth flow (login Instagram & dapatkan token)
âââ api_endpoint.php â AJAX endpoint (dipanggil dashboard via JS)
âââ db.sql â Schema database (jalankan di phpMyAdmin)
âââ assets/
â âââ style.css â Styling dashboard
âââ logs/
âââ app_*.log â Log file untuk debugging
đ Alur Data
âââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â ALUR WEBHOOK â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââ¤
â â
â User komentar Meta/Instagram webhook.php â
â di Instagram â kirim POST ke â terima & â
â webhook URL simpan ke DB â
â â
â Dashboard api_endpoint.php Database â
â (index.php) â query data â (MySQL) â
â â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââ¤
â ALUR OAUTH â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââ¤
â â
â User klik Redirect ke User login & â
â "Hubungkan" â Facebook Login â izinkan akses â
â â
â Redirect ke Tukar code â Simpan token â
â auth.php â access token â ke database â
â â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââ