Truy Cập Localhost Từ Internet Thông Qua Ngrok, Public Localhost Tới Internet Thông Qua Ngrok

Mở đầu:

Chào các người, như tiêu đề. Bây giờ mình sẽ giới thiệu với các bạn một giải pháp hữu ích, góp cho bạn có thể public port trên sản phẩm local để người dùng mạng khác trên internet rất có thể truy cập vào được localhost trải qua domain của ngrok.

Bạn đang xem: Truy cập localhost từ internet

Vậy trên sao chúng ta cần sử dụng ngrok ?

Ngrok là một trong công cụ rất dễ cài đặt
Từ việc cung cấp tunnel giúp tạo tuyến đường tới thứ local. Chúng ta cũng có thể dễ dàng trở nên tân tiến webhook với cấu hình dễ dàng. (Điều này tôi đã thử yêu cầu thực tế. Chả là hôm mình có cải cách và phát triển một website với lấy dữ liệu trải qua webhook xuất phát điểm từ 1 website khác. Tuy nhiên vì nhằm trong docker ở cả 2 container khác biệt và thuộc không 1 mạng, thay vì chưng mình config tầm thường vào 1 network thì mình đã sử dụng ngrok để public trang cơ lên với mình hoàn toàn có thể truy cập với chèn dữ liệu thông qua webhook)Ngrok tất cả giao diện dashboard thân thiết dễ sử dụng với mọi người
Chúng ta rất có thể sử dụng custom domain, chế tạo ra config chạy tự động hóa mà không đề nghị tới command line

*

1. Cài đặt đặt:

Việc thiết lập rất dễ dàng dàng, trước hết chúng ta truy cập vào https://ngrok.com/download để mua về bạn dạng ngrok tương xứng với hệ điều hành và quản lý của bạn.

Với Windows, bạn có thể tải về file zip ngrok với giải nén ra để có thư mục như hình mặt dưới.

*
Với Linux, chúng ta cài đặt trải qua command line:tar:https://bin.equinox.io/c/b
Nyj1m
QVY4c/ngrok-v3-stable-linux-amd64.tgz
Giải nén và chuyển vào thư mục bin:

sudo tar xvzf ~/Downloads/ngrok-v3-stable-linux-amd64.tgz -C /usr/local/binqua apt:

curl -s https://ngrok-agent.s3.amazonaws.com/ngrok.asc | sudo tee /etc/apt/trusted.gpg.d/ngrok.asc >/dev/null && echo "deb https://ngrok-agent.s3.amazonaws.com buster main" | sudo tee /etc/apt/sources.list.d/ngrok.list && sudo apt update && sudo apt install ngrokqua snap:

snap install ngrok
Then extract ngrok from the terminal

Chúng ta nhảy file ngrok lên cùng trước hết họ sẽ config auth key cho ngrok. Ở trên đây mình dùng bạn dạng free.Đăng nhập với vào liên kết sau:https://dashboard.ngrok.com/get-started/your-authtoken

*
Và config authtoken như hình:

ngrok config add-authtoken $your_authtokenAuthtoken saved to lớn configuration file: C:UserspvietApp
DataLocal/ngrok/ngrok.yml2. Sử dụng

*
Ở phía trên bạn cũng có thể gõ lệnh:

ngrok.exe http $PORTỞ trên mình sẽ public port 3000 của localhost (172.0.0.1) lên internet. Ví như thành công họ sẽ thấy hiển thị như dưới đây

*
Ngoài ra bạn cũng có thể vào http://localhost:4041 để sử dụng ngrok
*

*
Thử truy vấn từ thiết bị khác: (chưa kịp làm cho reponsive
*

Như vậy họ đã public thành công port bên dưới local tới mạng internet với https. Từ đây bạn có thể test cấp tốc qua ứng dụng, lỗi reponsive trên năng lượng điện thoại, hay chạy thử webhook... Rất tiện lợi. Cùng xem được những request, response trực tiếp trên dashboard của ngrok

*

Ngoài ra nếu bạn sử dụng docker: chúng ta sẽ thêm đoạn command sau vào file docker-compose.yml :

ngrok: image: shkoliar/ngrok:latest networks: - your_network ports: - 4551:4551 environment: - PARAMS=http -authtoken=$NGROK_AUTH_TOKEN your_ip:your_port
Kết bài:Trong phạm vi nội dung bài viết mình chỉ chuyển ra các chiếc cơ bản nhất để thực hiện ngrok. Nếu mọi bạn muốn tò mò sâu hơn về ngrok chúng ta có thể vào home của ngrok để tham khảo. Hãy tận dụng hiện tượng hữu ích này để ship hàng cho các bước của bạn. Chào phần lớn người, hẹn chạm chán lại vào những nội dung bài viết sau và đừng quên để lại chủ kiến hay upvote cho bài bác mình nhé. Thank you everyone !

*

Giả sử chúng ta đang cách tân và phát triển một trang web nào đó ở thứ tính cá nhân và muốn share cho ai đó bên ngoài trải nghiệm, sử dụng thử hoặc là mong muốn test nó ở một môi trường, sản phẩm công nghệ nào khác như trên vật dụng di động ví dụ điển hình thì có tác dụng sao bọn họ sẽ truy cập vào trang web đó đây?

Deploy nó lên 1 host nào đó?Ây chà… nếu vậy thì vẫn tốn tiền thiết lập host… mình nghèo T_TDeploy lên Azure?
Mà mình ko gồm Azure T_TVậy đọc bài blog của chính bản thân mình tiếp nha

Trong bài xích này mình đang hướng dẫn chúng ta 2 giải pháp theo thứ tự từ khó đến dễ (chỉ vậy đến mọi tín đồ đọc hết bài bác blog :P) để tùy chỉnh thiết lập cho phía bên ngoài (mạng khác) truy vấn vào website local (localhost) của bọn chúng ta: tạo bằng tay thủ công hoặc chế tạo localtunnel.

*

Giả sử là bạn đã sở hữu sẵn một trang web đã host bên trên IIS cùng với port 80 giành riêng cho http và port 443 giành riêng cho https

Cách 1: chế tạo Thủ Công

Với bước này chúng ta sẽ public IP của sản phẩm tính bây giờ của bọn họ ra bên ngoài

Bước 1: coi IP lúc này của máy

Vào cmdipconfig, lúc này chúng ta vẫn thấy tại cái IPv4 Address là địa chỉ IP hiện nay tại của máy mình

Bước 2: truy cập vào trang cai quản router

Thông thường chúng ta sẽ vào bằng địa chỉ 192.168.1.1 hoặc 192.168.0.1 rồi nhập thông tin tài khoản admin vào

Bước 3: Tuỳ chỉnh Port Forwarding

Sau khi singin thành công, họ chọn cho mục nào có chữ Port Forwarding. Rồi theo thứ tự điền thông tin vào tương tự như như hình mặt dưới.

Tại ô nào bao gồm chữ Start Port/End Port thì chúng ta điền số port mà bạn đã cấu hình thiết lập trên IIS trước đó. Ví dụ như ở đây mình thích public trang https mà tôi đã host cùng với port 443 ra thì trong số ô này mình đang điền 443.

Ở ô LAN Host IP Address thì chúng ta bỏ cái địa chỉ cửa hàng ip hiện tại tại của sản phẩm mình đã lấy được ở cách 1 vào

Rồi save lại là xong. Ví như trường phù hợp máy các bạn bị thay đổi ip thì cứ vào đó mà chỉnh lại là được.

Xem thêm: Cách Đổi Tên Mạng Truy Cập Cá Nhân Trên Iphone Cực Kỳ Nhanh Chóng Và Đơn

Bước 4: Xem add IP bây giờ của router

Trong trang quản trị router đâu đó các bạn sẽ tìm thấy địa chỉ IP hiện tại của router, ví như ko biết chúng ta có thể vào trang https://whatismyipaddress.com/ hoặc là lên google kiếm tìm đại 1 trang what is my ip address nào kia rồi vào xem vẫn thấy được địa chỉ IPv4 bây giờ của router

Bước 5: truy vấn vào trang localhost

Lúc này, bạn đã sở hữu thể chia sẻ hoặc truy cập vào trang localhost của bản thân mình bằng một mạng khác hoặc một sản phẩm công nghệ khác rồi đó. Khi đó add chúng ta bắt buộc gõ vào đã là địa chỉ cửa hàng IPv4 đã đưa ở bước 4.

Để đảm bảo chắc chắn là bên phía ngoài có thể truy vấn vào, bạn có thể test bằng cách dùng 3G trên smartphone để truy vấn vào trang web.

Bạn xem xét là với cách này, nếu địa chỉ IP lúc này của máy chuyển đổi thì chúng ta phải truy vấn vào trang thống trị router để biến đổi lại địa chỉ IP kia nhé! Hoặc chúng ta cũng hoàn toàn có thể set IP tĩnh cho máy vi tính hiện trên của chúng ta luôn cũng được.

Cách 2: chế tạo Localtunnel

Ví dụ trường hợp chúng ta quên hoặc ko biết mật khẩu router thì rất có thể dùng tạm bằng cách này.

Đây là 1 cách có tên gọi là Localtunnel.

Localtunnel là một “loại công cụ” hỗ trợ đường hầm (tunnel) link localhost của chúng ta và mạng internet để chúng ta có thể truy cập vào localhost giống hệt như một hệ thống bình thường.

Bước 1: Đăng cam kết tài khoản

Chúng ta truy vấn vào trang https://ngrok.com/ để đk tài khoản

Bước 2: download ngrok

Truy cập vào trang https://dashboard.ngrok.com/get-started để mua ngrok

Bước 3: Giải nén

Giải nén thư mục đã tạo bằng cách thủ công hoặc dùng lệnh unzip /path/to/ngrok.zip nhằm giải nén

Bước 4: kết nối tài khoản

Sau khi giải nén thành công, bọn họ dùng cmd rồi gõ lệnh ./ngrok authtoken

Để lấy được đoạn mã token đó, trên trang setup & Installation ở bước 2 nghỉ ngơi trên, trong đó có phần Connect your account. Bạn cứ copy loại lệnh đó rồi dính vào cmd là được

Bước 5: Khởi chế tạo ra tunnel

Sau khi link xác thực tài khoản xong chúng ta dùng lệnh ./ngrok http để tạo ra tunnel đến trang web

Lúc này ngrok sẽ sinh ra cho họ 1 showroom có dạng là https://https:// bất kỳ gì đó>.ngrok.io, chúng ta copy đường links đó và truy cập vào là được

Ngoài Ngrok ra thì họ sẽ còn 1 số ít công cụ phổ cập khác để cung ứng tạo localtunnel này là Serveo hoặc localtunnel. Đối với Serveo thì bạn không nhất thiết phải tải hay đăng ký tài khoản gì luôn

Leave a Reply

Your email address will not be published. Required fields are marked *