مقدمة

في كثير من الأحيان، قد تحتاج إلى استعراض موقعك أو تطبيقك لشخص آخر (مثل عميل، مدير مشروع، أو زميل في الفريق) أثناء عملية التطوير، لكنك لا ترغب في الدخول في متاهات نشره على سيرفر test أو demo.

أو ربما تعمل على مشروع مع فريق موزّع وتحتاج إلى طريقة سريعة لمشاركة التغييرات دون المرور بخطوات نشر معقدة؟

🎯 الحل البسيط هو: ngrok

ما هي أداة ngrok؟

ngrok هي أداة قوية تتيح لك إنشاء Tunnel (نفق) بين جهازك المحلي وبين الإنترنت عبر سيرفرات ngrok.

ببساطة، تسمح لك ngrok بجعل السيرفر المحلي على جهازك متاحًا للعالم الخارجي من خلال رابط URL مؤقت، يُمكن لأي شخص استخدامه لتصفح تطبيقك من أي مكان.

متى تحتاج استخدام ngrok؟

• أثناء مشاركة تطبيقك مع عميل بشكل مباشر من جهازك.
• لاختبار Webhooks (مثل: Stripe, GitHub, Twilio) التي تتطلب عنوان URL عام.
• لمشاركة نسخة مؤقتة من موقعك مع زملاء الفريق.
• لعرض ميزات جديدة أو مراجعة التغييرات بسرعة دون الحاجة لرفع المشروع إلى staging server.
• أثناء تطوير تطبيقات الهاتف التي تحتاج الوصول إلى API موجود على جهازك المحلي.

خطوات استخدام ngrok

1. التسجيل وتحميل ngrok

• اذهب إلى الموقع الرسمي: https://ngrok.com/
• أنشئ حساب مجانًا.
• بعد التسجيل، قم بتحميل النسخة المناسبة لنظام التشغيل الخاص بك (Windows, macOS, Linux…).

2. إعداد التوكن الخاص بك

بعد التسجيل، ngrok سيعطيك Auth Token خاص بك، لاستخدامه في التهيئة:

ngrok config add-authtoken <your_token_here>

3. تشغيل ngrok وربط بورت مشروعك

إذا كان مشروعك يعمل على البورت 8080 مثلًا، نفّذ الأمر التالي:

ngrok http http://localhost:8080

مثال عملي

لنفترض أنك تطور تطبيق Laravel يعمل على http://localhost:8000
يمكنك استخدام الأمر التالي لتشارك التطبيق خارجيًا:

ngrok http 8000

سيُظهر لك ngrok رابط عام مثل:

https://e7fc-102-45-23-189.ngrok.io

يمكنك مشاركة هذا الرابط مع أي شخص ليتمكن من تصفح موقعك مباشرة من جهازه 👨‍💻

ميزات إضافية في ngrok

• دعم HTTPS: حتى لو كان مشروعك لا يدعم HTTPS محليًا.
• لوحة تحكم تفاعلية على الرابط: http://127.0.0.1:4040 لمراجعة كل الطلبات (Requests).
• إعادة توجيه Webhooks: ngrok يتكامل بسهولة مع منصات مثل GitHub, Stripe وغيرها.
• تخصيص Subdomain (للخطط المدفوعة).

هل ngrok مجاني؟

نعم، ngrok يوفّر خطة مجانية ممتازة تكفي لمعظم الاستخدامات البسيطة.
لكن يوجد حدود معينة مثل:

• الجلسة تستمر فقط لعدد معين من الساعات.
• لا يمكن تخصيص رابط الـ subdomain.
• عدد محدود من الاتصالات المتزامنة.

للاستخدامات الاحترافية أو المستمرة، يمكن الترقية إلى خطة مدفوعة.

الخلاصة

ngrok أداة لا غنى عنها لأي مطور يعمل على تطبيقات ويب أو APIs.
توفر عليك الوقت والجهد، وتمنحك وسيلة مرنة وسريعة لمشاركة تطبيقاتك بدون الحاجة لنشرها على الإنترنت بشكل دائم.

إذا لم تكن قد جرّبت ngrok بعد، فأنصحك بتجربتها اليوم!

هل استخدمت ngrok من قبل؟ وما أكثر استخدام نال إعجابك فيها؟ شاركنا تجربتك في التعليقات!