مرحبا،
أنا أقوم بتشغيل تمرين N8N102 Section 2 العملي (“بناء نظام معالجة الطلبات المدفوع بواسطة Webhook”) وتطبيق Webhook Tester ينتقل إلى صفحة بيضاء فارغة في كل مرة أنقر فيها على “Run Step 1 Tests”. لقد حاولت إجراء عملية تصحيح أخطاء واسعة جداً وأتساءل عما إذا كانت المشكلة قد تكون على جانب التطبيق وليس على webhook الخاص بي (?). التفاصيل أدناه.
البيئة
- n8n ذاتي الاستضافة (الإصدار المسجل من المجتمع) خلف وكيل عكسي مع شهادة Let’s Encrypt صالحة، يتم فرض HTTPS
- صفحة التطبيق: Webhook Tester - n8n Academy | N8N102
- المتصفحات المختبرة: Brave (shields down, VPN off) و Safari — نفس الشاشة البيضاء في كلا الحالتين
ما تحققت منه بالفعل
1. webhook الخاص بي يعمل بشكل صحيح مع curl
الطلب الصحيح يعيد 200 والـ JSON المتوقع:
curl -i -X POST -H "Content-Type: application/json" -H "X-API-Key: [my API key]" -H "X-Assessment-ID: [my assessment ID]" -d '{"order_id":"ORD-001","customer_id":"CUST-001","total":123}' [my production webhook URL]
→ HTTP/1.1 200 OK → {“status”:“accepted”,“order_id”:“ORD-001”,“message”:“Order received and queued for processing”}
الحقول المفقودة تعيد 400:
curl -i -X POST -H "Content-Type: application/json" -H "X-API-Key: [my API key]" -H "X-Assessment-ID: [my assessment ID]" -d '{"order_id":"ORD-001"}' [my production webhook URL]
→ HTTP/1.1 400 Bad Request → {“status”:“error”,“message”:“Missing required fields: order_id, customer_id, and total are required”}
المصادقة المفقودة تعيد 403:
curl -i -X POST -H "Content-Type: application/json" -d '{"order_id":"ORD-001","customer_id":"CUST-001","total":123}' [my production webhook URL]
→ HTTP/1.1 403 Forbidden (WWW-Authenticate: Basic realm=“Webhook”)
2. التطبيق يصل إلى webhook الخاص بي
تبويب Executions في n8n الخاص بي يوضح وصول طلبات “VALIDURL-TEST” من التطبيق وتحققها (تم التحقق → تم التخزين → تم الرد). لذلك فإن الواجهة الخلفية للتطبيق تستدعي نقطة النهاية الخاصة بي، وسير العمل الخاص بي يتعامل مع هذه الطلبات بدون أخطاء.
3. الشاشة البيضاء تحدث مع أي webhook
قمت باختبار عنوان URL وهمي عشوائي لـ webhook (من webhook.site) وقام التطبيق بتفريغ الشاشة البيضاء بنفس الطريقة. لا توجد علامات اختيار، لا توجد رسالة خطأ، لا شيء.
4. سلوك الشبكة
- صفحة التطبيق تحميل بشكل جيد (HTTP 200)
- عند النقر على “Run Step 1 Tests”، تتم إعادة تحميل الصفحة باسم GET إلى نفس عنوان URL للتطبيق
- بعد ذلك، لم يتم تقديم النتيجة أبداً، فقط صفحة بيضاء
- لا تعرض وحدة التحكم أي أخطاء؛ لا تعرض علامة التبويب Network أي طلبات فاشلة
ما يعرضه التطبيق قبل أن أنقر على زر التشغيل
- اختبارات Step 1 مظللة (لا يمكنني تحديدها/إلغاء تحديدها، لكن يمكنني النقر على “Run Step 1 Tests”)
- لا تظهر علامات اختيار أبداً، لا توجد رسالة خطأ معروضة
- تظل أزرار Step 2 و Step 3 مظللة أيضاً
محاولاتي السابقة (للسياق)
- في الأصل، كان لدي webhook الخاص بي مع تعيين المصادقة على “None” وتعاملت مع المصادقة يدويًا في سير العمل. رفض التطبيق عنوان URL برسالة: “webhook_url authentication is invalid. Please ensure you have configured your webhook authentication.”
- ثم قمت بالتبديل إلى المصادقة الأصلية للرأس على عقدة Webhook. اختفا خطأ التحقق، لكنت الشاشة البيضاء استمرت.
- لقد تحققت أيضاً من أن عقدة Webhook تم تعيينها على Authentication: Header Auth وتستخدم بيانات اعتماد Header Auth الخاصة بي (اسم الرأس X-API-Key، مفتاح API الأكاديمي كقيمة).
- كانت الشاشة البيضاء تحدث بالفعل قبل تجارب إعدادات المصادقة واستمرت في كل تغيير أجريته.
الخلاصة
تصل الواجهة الخلفية للتطبيق إلى webhook الخاص بي (مثبت عبر عمليات n8n). يستجيب webhook الخاص بي برموز الحالة والأجسام الصحيحة (مثبت عبر curl). الشاشة البيضاء تتكرر مع عنوان URL webhook غير ذي صلة تماماً (webhook.site). هذا يقودني إلى التساؤل عما إذا كانت الخلل في أداة Webhook Tester نفسها (فشل الواجهة الأمامية الخاصة بها في تصيير نتائج الاختبار؟)، وليس في إعدادات webhook الخاصة بالمستخدمين.
سأكون ممتناً جداً لأي مساهمة ومساعدة، شكراً لك!