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 đặtTừ 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 line1. 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/bNyj1m
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
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 ngrokThử truy vấn từ thiết bị khác: (chưa kịp làm cho reponsiveNhư 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 cmd gõ ipconfig, 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