הגדרת Meta Embedded Signup
סקירה כללית
המטרה היא להגדיר את Meta App Dashboard, את flow ה-OAuth ואת משתני הסביבה כך שזרימת WhatsApp Embedded Signup תפעל בצורה תקינה עבור חיבור ערוצי WhatsApp.
כרגע הקוד משתמש ב:
META_APP_ID
META_APP_SECRET
NEXT_PUBLIC_META_APP_ID
NEXT_PUBLIC_META_WA_CONFIG_ID
1. דרישות מוקדמות
- עברו ל-developers.facebook.com
- צרו App מסוג Business או בחרו קיימת
- תחת Settings > Basic העתיקו:
| ערך | שימוש |
|---|
| App ID | עבור META_APP_ID וגם NEXT_PUBLIC_META_APP_ID |
| App Secret | עבור META_APP_SECRET בלבד |
3. הוספת מוצר WhatsApp
- ב-Meta App Dashboard הוסיפו את מוצר WhatsApp
- ודאו שה-App במצב שמאפשר לכם לבדוק את הזרימה
4. הגדרת Webhook URL ו-Verify Token
ה-webhook של Agentix הוא:
https://{your-api-domain}/webhooks/whatsapp
שימו לב:
webhookVerifyToken נשמר פר-channel ונוצר אוטומטית בזמן החיבור
- אפשר להשלים קודם Embedded Signup, ואז לחזור להזין את ה-token הנכון ב-Meta
בנוסף:
- הגדירו את ה-callback URL ב-Meta
- הירשמו לשדה messages
5. יצירת Facebook Login for Business Configuration
- פתחו Facebook Login for Business
- עברו אל Configurations
- צרו configuration עם:
| שדה | ערך |
|---|
| Login variation | WhatsApp Embedded Signup |
| Token type | System-user access token |
| Assets | WhatsApp accounts |
| Permissions | whatsapp_business_management |
- העתיקו את Config ID ל-
NEXT_PUBLIC_META_WA_CONFIG_ID
Config ID הוא לא App ID. שימוש בערך הלא נכון יגרום לפתיחת Facebook Login רגיל במקום זרימת WhatsApp Embedded Signup.
6. הגדרת OAuth Redirect URIs ו-Allowed Domains
ב-Facebook Login for Business > Settings:
| שדה | ערך |
|---|
| Valid OAuth Redirect URIs | https://{your-frontend-domain} |
| Allowed Domains for the JavaScript SDK | https://{your-frontend-domain} |
דרישות:
- חובה HTTPS
- אין wildcards
- הדומיין חייב להתאים בדיוק לדומיין ה-frontend
7. הגדרת משתני סביבה
| משתנה | יישום | מקור |
|---|
META_APP_ID | API | Settings > Basic > App ID |
META_APP_SECRET | API | Settings > Basic > App Secret |
NEXT_PUBLIC_META_APP_ID | Web | אותו App ID |
NEXT_PUBLIC_META_WA_CONFIG_ID | Web | Facebook Login for Business > Configurations |
META_APP_ID ו-NEXT_PUBLIC_META_APP_ID חייבים להיות זהים. אם לא, החלפת ה-code לטוקן תיכשל.
8. Checklist לאימות
9. פתרון תקלות
| בעיה | כיוון בדיקה |
|---|
| נפתח login רגיל של Facebook | NEXT_PUBLIC_META_WA_CONFIG_ID שגוי |
| token exchange נכשל | META_APP_ID ו-NEXT_PUBLIC_META_APP_ID לא תואמים |
| webhook verification נכשל | verify token שגוי או channel לא נוצר עדיין |
| popup לא נטען | דומיין לא מורשה או redirect URI שגוי |