القراء مثلك يساعدون في دعم MUO. عند إجراء عملية شراء باستخدام الروابط الموجودة على موقعنا ، فقد نربح عمولة تابعة. اقرأ أكثر.

في بعض الأحيان ، ستحتاج إلى كشف خادم محلي ، يعمل على جهاز الكمبيوتر الخاص بك ، على الإنترنت. يمكن أن يكون هذا مفيدًا لاختبار تطبيق ويب قبل نشره على خادم بعيد.

تعرف على كيفية استخدام ngrok ، وهي أداة شائعة لتعريض خوادم الويب المحلية للإنترنت.

استخدام ngrok لتطوير الويب المحلي

لقد كان ngrok حلاً نفقيًا لتشغيل خوادم الويب المحلية على الإنترنت منذ عام 2015.

باستخدام ngrok ، يمكنك إنشاء عنوان URL عام يقوم بتعيين خادمك المحلي ، مما يسهل على الآخرين الوصول إلى أعمالهم من أي مكان في العالم. يمكنك بعد ذلك اختبار تطبيقاتك من أجهزة ومتصفحات ويب مختلفة ، وتحري الخلل وإصلاحه باستخدام سجلات الطلبات والاستجابة لـ ngrok.

عند التعامل مع نفق عام ، قد تكون لديك مخاوف أمنية. يدعم ngrok الأنفاق الآمنة مع تشفير SSL ، مما يجعلها آمنة للاستخدام مع البيانات والتطبيقات الحساسة. كل هذه الميزات جعلت من ngrok أداة قيمة وشائعة للمطورين الذين يعملون في مشروع شخصي أو يتعاونون مع الآخرين.

تثبيت ngrok على جهاز الكمبيوتر الخاص بك

instagram viewer

بدء استخدام ميزات ngrok الأساسية مجاني تمامًا ومباشر جدًا. على الرغم من وجود نسخة مدفوعة من ngrok تقدم المزيد من الميزات. دعنا نتعلم كيفية تثبيت وإعداد ngrok على جهاز الكمبيوتر الخاص بك.

لتثبيت ngrok على جهاز الكمبيوتر الخاص بك ، توجه إلى المسؤول صفحة تنزيل ngrok.

يجب عليك بعد ذلك متابعة تنزيل ngrok لنظام التشغيل المحدد الخاص بك (نظام التشغيل) إما عن طريق تنزيل ملف ملف مضغوط واستخراجه أو تثبيته باستخدام مدير الحزم مثل Chocolatey أو Homebrew.

لتثبيت ngrok مع Chocolatey أو Homebrew على نظامي التشغيل Windows و macOS ، ستحتاج إلى تثبيت مدير الحزم.

لتثبيت Chocolatey على Windows ، قم بتشغيل هذا الأمر داخل مسؤول Windows PowerShell:

Set-ExecutionPolicy Bypass - نطاق العملية - القوة ؛ [نظام. شبكة. ServicePointManager]:: SecurityProtocol = [النظام. شبكة. ServicePointManager]:: SecurityProtocol -bor 3072; iex ((جديد- نظام الكائن. شبكة. WebClient) .DownloadString (' https://community.chocolatey.org/install.ps1'))

لتثبيت Homebrew على macOS ، قم بتشغيل هذا الأمر في جهازك الطرفي:

/ bin / bash -c "$ (curl -fsSL https://raw.githubusercontent.com/Homebrew/ثَبَّتَ/رأس/install.sh)"

الآن لديك مديري الحزم المناسبين ، ويمكنك تثبيت ngrok على جهاز الكمبيوتر الخاص بك باستخدام أي منهما.

إنشاء نفق ngrok محلي جديد باستخدام حسابك

لإنشاء نفق ngrok لكشف خادمك المحلي ، ستحتاج إلى التسجيل للحصول على حساب ngrok وإنشاء رمز مصادقة مميز.

الخطوة 1: التسجيل

رئيس ل صفحة الاشتراك في ngrok، املأ النموذج بالتفاصيل المطلوبة ، وانقر فوق اشتراك.

الخطوة 2: إضافة رمز مميز إلى Config

الآن لديك حساب ، ستحتاج إلى إضافة رمز المصادقة الذي تم إنشاؤه تلقائيًا إلى ملف ngrok.yml ملف التكوين. هذا الرمز مميز لحسابك ، لذا يجب أن تحافظ عليه آمنًا. لإضافة رمز المصادقة ، انتقل إلى Authtoken الخاص بك الصفحة في شريط التنقل الجانبي.

يمكنك نسخ رمز المصادقة وتشغيل الأمر الموضح في الجهاز الطرفي لتعيين ملف التكوين:

ngrok config add-authtoken YOUR_AUTH_TOKEN

الخطوة 3: قم بتشغيل ngrok

بمجرد الانتهاء من الخطوات السابقة ، يمكنك إنشاء نفق ngrok لتشغيل الخادم الخاص بك.

للقيام بذلك ، قم بتشغيل الأمر التالي برقم منفذ مفضل.

على سبيل المثال:

ngrok http 3000

لديك الآن نفق ngrok محلي يعمل على جهاز الكمبيوتر الخاص بك.

معالجة مشكلات الإعداد الشائعة

  • قيود جدار الحماية: إذا كان لديك الكمبيوتر خلف جدار حماية، قد تحتاج إلى ضبط إعداداته للسماح لـ ngrok بالاتصال بالإنترنت.
  • رمز المصادقة غير الصحيح: إذا أدخلت رمز المصادقة الخاطئ عند بدء تشغيل ngrok ، فقد تتلقى رسالة خطأ تشير إلى أن الرمز المميز الخاص بك غير صالح. قم بتأكيد الرمز الخاص بك أو إعادة تعيين الرمز المميز على موقع الويب بالنقر فوق إعادة تعيين Authtoken زر.
  • تم رفض الإذن: إذا تلقيت خطأ "تم رفض الإذن" عند بدء تشغيل ngrok ، فقد تحتاج إلى تشغيل الأمر ngrok كمسؤول أو بامتيازات مرتفعة.

فوائد استخدام ngrok لتطوير الويب المحلي

سواء كنت تعمل في مشروع شخصي أو تتعاون مع فريق ، فإن ngrok لها قيمة في مجموعة أدوات تطوير الويب الخاصة بك. إن توافقه مع العديد من المنصات ولغات البرمجة يجعله مناسبًا لاختبار تطبيقات الويب أو التعاون أو عرض المشاريع للعملاء.