فاطمه رمضانپور
فاطمه رمضانپور
خواندن ۲ دقیقه·۶ سال پیش

چگونه محتوای localhost را بدون وب سرور در اینترنت انتشار دهیم

تا حالا براتون پیش اومده که

بخواین مواردی مثل rich snippet رو بعد از انجام دادنش، داخل local سیستم خودتون دیباگ کنید؟

یا اینکه خروجی کدتون رو به شخصی که کنارتون نیست نشون بدین، در واقع یک لینک از سیستم local خودتون بدین بهش؟

در روش سنتی باید کدتون رو روی یک سرور بذارید و لینک اختصاصی مربوط به اون سرور رو استفاده کنید که این روش دردسرهای خاص خودش رو داره.

روش دیگه استفاده از سرویسی هست که یک url مجازی از localhost شما ایجاد کنه، یعنی به جای اینکه url لوکال رو تو مرورگر استفاده کنید، url ایجاد شده توسط این سرویس رو استفاده کنید.

اسم این سرویس یا ابزار ngrok هست.

دلایل استفاده از ngrok :

  • ایجاد url عمومی از localhost سیستم خودتون، برای نمایش محصول به افراد دیگه ای که کنار شما نیستن و از سیستم خودشون استفاده میکنن.
  • ایجاد url عمومی از localhost سیستم شما، برای اینکه بتونید داخل موبایل، صفحه موردنظرتون رو چک کنید.
  • ایجاد url برای تست chatbot

( و یک سری کارهای دیگه که میتونید با ngrok انجام بدید و با استفاده از لینک ngrok.com میتونید بقیه موارد رو ببینید.)

نحوه استفاده از ngrok

۱. دانلود ngrok از لینک زیر
https://ngrok.com/download

۲. استفاده از دستور زیر برای unzip کردن فایلی که دانلود کردین

۳. اجرای لوکال کدتون،

نهایتا پورتی که پروژه روش تعریف شده رو نیاز دارید

۴. داخل تب دیگه از ترمینال، ngrok رو، روی پورتی که پروژه تون در حال اجرا هست، run کنید

۵. خروجی که با زدن این command می‌بینید به این صورت هست

با انتخاب یکی از دو لینکی که ngrok براتون تولید کرده و باز کردنش در مرورگر میتونید نمایشی از لوکال سیستمتون داشته باشید که به راحتی میتونید در اختیار دیگران قرار بدید.

البته یادتون نره که این لینک تا زمانی که ngrok در حال اجرا باشه کاربرد داره.

امیدوارم که متن کاربردی بوده باشه براتون.


ngrokنمایش localhost در وبتست localhost در موبایلبرنامه نویسی
برنامه نویس front در حال حاضر با reactjs و nextjs کار میکنم
شاید از این پست‌ها خوشتان بیاید