Hướng dẫn sử dụng Localtunnel để đưa ứng dụng Local lên Internet

Localtunnel là một công cụ mã nguồn mở tuyệt vời, giúp bạn chia sẻ ứng dụng web đang chạy trên máy local ra internet mà không cần phải lo lắng về cấu hình DNS hay firewall phức tạp. Đây là lựa chọn hoàn hảo cho các lập trình viên muốn nhanh chóng chia sẻ bản demo, kiểm tra ứng dụng trên thiết bị di động, hoặc debug từ xa.

Trong bài viết này, Cẩm nang NQDEV sẽ hướng dẫn bạn từng bước để cài đặt và sử dụng Localtunnel, giúp đưa ứng dụng local của bạn ra thế giới chỉ trong vài phút!

Localtunnel Là Gì? Tại Sao Nên Sử Dụng?

Localtunnel tạo ra một "đường hầm" (tunnel) từ máy local của bạn đến một URL công cộng. Nhờ đó, bất kỳ ai cũng có thể truy cập ứng dụng của bạn thông qua một địa chỉ tạm thời, mà bạn không cần phải triển khai lên server.

Từ khóa chính: Localtunnel, chia sẻ ứng dụng local, công cụ lập trình, Node.js.

Lợi Ích Khi Sử Dụng Localtunnel

  • Chia sẻ nhanh chóng: Dễ dàng gửi bản demo cho đồng nghiệp hoặc khách hàng mà không cần deploy.

  • Kiểm tra đa thiết bị: Test ứng dụng trên điện thoại, máy tính bảng hoặc các trình duyệt khác nhau.

  • Hỗ trợ debug từ xa: Cho phép người khác truy cập để hỗ trợ tìm lỗi.

  • Đơn giản, không phức tạp: Không cần cấu hình mạng hay DNS rườm rà.

Yêu Cầu Trước Khi Bắt Đầu

Để sử dụng Localtunnel, bạn cần chuẩn bị:

  • Máy tính đã cài đặt Node.js (tải tại nodejs.org nếu chưa có).

  • Một ứng dụng web đang chạy trên máy local, ví dụ: server Node.js chạy trên cổng 3000.

Hướng Dẫn Cài Đặt Và Sử Dụng Localtunnel

Dưới đây là các bước chi tiết để bắt đầu với Localtunnel:

Bước 1: Cài Đặt Localtunnel

Mở terminal (hoặc command prompt) và chạy lệnh sau để cài đặt Localtunnel toàn cục:

npm install -g localtunnel

Lệnh này sẽ giúp bạn sử dụng lệnh lt từ bất kỳ đâu trên máy tính.

Bước 2: Khởi Chạy Ứng Dụng Local

Đảm bảo ứng dụng của bạn đã chạy trên một cổng cụ thể. Ví dụ, nếu bạn có một server Node.js, hãy khởi động nó bằng:

node app.js

Hoặc nếu dự án dùng npm:

npm start

Giả sử ứng dụng chạy trên http://localhost:3000.

Bước 3: Tạo Đường Hầm Với Localtunnel

Trong terminal, chạy lệnh sau để tạo đường hầm từ cổng local ra internet:

lt --port 3000

Localtunnel sẽ trả về một URL công cộng, ví dụ: https://flkajsfljas.loca.lt. Bạn có thể dùng URL này để truy cập ứng dụng từ bất kỳ đâu.

Bước 4: Chia Sẻ URL

Sao chép URL được cung cấp và gửi cho bất kỳ ai bạn muốn. URL này sẽ hoạt động miễn là terminal chạy Localtunnel vẫn mở.

Bước 5: Tùy Chỉnh Subdomain (Tùy Chọn)

Nếu muốn URL dễ nhớ hơn, bạn có thể chỉ định subdomain:

bashThu gọnBọc lạiSao chéplt --port 3000 --subdomain mycoolapp

Kết quả sẽ là: https://mycoolapp.loca.lt. Tuy nhiên, subdomain này phải chưa được người khác sử dụng.

Các Tính Năng Nổi Bật Của Localtunnel

  • Bảo mật HTTPS: Mọi đường hầm đều sử dụng giao thức an toàn.

  • Chia sẻ dễ dàng: Hiển thị công việc của bạn cho bất kỳ ai.

  • Kiểm tra webhooks: Dùng API để test các tích hợp webhook.

  • Hỗ trợ đa nền tảng: Kiểm tra giao diện trên các trình duyệt đám mây.

So Sánh Localtunnel Với Ngrok

Localtunnel và Ngrok đều là công cụ phổ biến để chia sẻ ứng dụng local. Tuy nhiên:

  • Localtunnel: Miễn phí, không cần đăng ký, dễ dùng, nhưng subdomain ngẫu nhiên có thể thay đổi.

  • Ngrok: Có tính năng cao cấp như custom domain, nhưng yêu cầu trả phí cho các gói nâng cao.

Nếu bạn cần giải pháp miễn phí và đơn giản, Localtunnel là lựa chọn lý tưởng.

Lưu Ý Quan Trọng

  • Đường hầm sẽ ngừng hoạt động nếu bạn đóng terminal hoặc dừng lệnh lt.

  • URL công cộng là tạm thời, sẽ thay đổi mỗi khi bạn chạy lại Localtunnel.

  • Tránh chia sẻ ứng dụng chứa dữ liệu nhạy cảm qua URL công khai.

Kết Luận

Localtunnel là một công cụ mạnh mẽ, dễ sử dụng, giúp lập trình viên chia sẻ ứng dụng local ra internet chỉ trong vài bước đơn giản. Dù bạn muốn demo sản phẩm, kiểm tra giao diện, hay debug từ xa, Localtunnel đều đáp ứng tốt.

Hãy thử ngay Localtunnel trong dự án của bạn và chia sẻ trải nghiệm của mình trong phần bình luận nhé! Nếu bạn muốn tìm hiểu thêm về các công cụ tương tự, đừng bỏ lỡ bài viết về Ngrok trên Cẩm nang NQDEV (nếu có).

Last updated

Was this helpful?