Cẩm nang NQDEV
HomeCheat SheetsContact
Công nghệ
Công nghệ
  • Introduction
  • Developer Roadmaps
    • Developer Roadmaps: Mô tả chi tiết
    • Roadmaps: ASP.NET Core Developer
    • Bảng phân loại cấp độ nhà phát triển .NET
    • ClearPath cho Team .NET Core
  • DotNET
    • ASP.NET Core
      • Hướng dẫn sử dụng tệp .http trong Visual Studio 2022 để thực hiện HTTP Requests
    • Message Queue
      • ZeroMQ
        • Xây dựng ZeroMQ Server trong dotNET 8 với CSharp
    • Playwright
      • Playwright: Tự Động Hóa Trình Duyệt Hiệu Quả
    • Optimize
      • Optimize - Một số cách tối ưu code và performance CSharp
    • Dev Blogs
      • Versions of .NET
        • Cập nhật từ .NET 9 lên .NET 10: Những thay đổi quan trọng
      • ASP.NET Core Web API với ASP.NET Core Web API (Native AOT): Bạn nên chọn loại nào?
      • Hướng dẫn xây dựng ứng dụng multi-tenant với .NET Core và MongoDB
      • Kiến Trúc Monolithic và Microservices: Lựa Chọn Phù Hợp Cho Dự Án Của Bạn
  • Design Patterns
    • CQRS Pattern
      • CQRS and MediatR trong .NET Core
    • Microservices
      • Ocelot
  • SQL Server
    • SQL Server Basics
    • SQL Server: DBCC
      • DBCC
      • DBCC SHOW_STATISTICS
      • DBCC SHRINKDATABASE
      • DBCC SHRINKFILE
      • DBCC SQLPERF
      • DBCC FREEPROCCACHE
    • SQL Server Replication
      • Giới thiệu SQL Server Replication
      • Hướng dẫn cấu hình và quản lý SQL Server Replication với Distribution Agent
    • SQL Server: Tập lệnh
      • SQL Server: Tập lệnh để tìm tất cả các giá trị Mặc định với Cột
    • Bảng tạm và sự linh hoạt trong xử lý dữ liệu lớn
    • Các bước để thay đổi nơi lưu trữ tệp log trong SQL Server
    • Các bước di chuyển tệp log trong SQL Server
    • Query Store trong SQL Server - Tổng Quan và Cách Quản Lý Hiệu Quả
    • SQL Server: Error Code
      • SQL Server Error : 14151, Severity: 18. Replication agent
  • Caching
    • Phân tích các phương pháp Caching dữ liệu trong .NET Core và .NET Framework
    • Redis
      • Redis mất dữ liệu khi restart
    • Varnish Cache
      • Hướng Dẫn Cài Đặt Varnish Cache với HAProxy Sử Dụng Docker Compose
  • NodeJS
    • NextJS
      • Hướng dẫn NextJS cho người mới bắt đầu
      • Parallel Routes trong Next.js
      • Hướng dẫn cấu hình Swagger trong NextJS
    • ReactJS
      • Hiểu về hook useRef của React như thế nào cho đúng
      • Tìm hiểu sâu hơn về useEffect từ A-Z
  • OS Linux
    • Tập lệnh Linux hay dùng
    • Centos 7
      • Hướng dẫn cài đặt và cấu hình Centos 7 dành cho người mới bắt đầu
      • Hướng Dẫn Kiểm Tra Các Cổng Đang Mở Trên Hệ Thống CentOS
      • Hướng Dẫn Sử Dụng zip Trên CentOS
      • Hướng dẫn cấu hình iptables để mở tất cả các cổng cho IP private
    • Windows
      • Hướng dẫn quản lý ứng dụng khởi động Windows bằng Registry Editor
  • VMware
    • Cách ảo hóa macOS Sierra trong VMWare Windows 10
    • Tự tin làm chủ mạng lưới: Cẩm nang tính toán địa chỉ IP từ A đến Z
  • Docker
    • Getting Started with Docker
    • Docker HUB
      • nqdev/nginx
  • Templates
    • Tabler Admin Template: Xây dựng Dashboard Quản trị đẹp mắt và dễ dàng
  • Open Source
    • shadcn-ui/ui
    • Kuma UI
    • Midone
  • Ứng dụng
    • Ansible
      • Ansible: Giới thiệu
      • Hướng dẫn chi tiết cài đặt Ansible
    • Apache JMeter
      • Features
        • Hướng dẫn chi tiết về Test Plan trong JMeter
        • Hướng dẫn chi tiết về Thread Group trong JMeter
    • DocFX
      • Những khái niệm cơ bản trong DocFX
      • DocFX - Hướng dẫn cài đặt, cấu hình sử dụng
      • DocFX - Hướng dẫn Markdown
      • DocFX - Hướng dẫn cấu hình file docfx.json
      • DocFX - Hướng dẫn sử dụng và tùy chỉnh Template
    • ETL Tools
      • Công cụ ETL Tools List & Software
      • Airbyte
        • Docker Compose
    • Elasticsearch
      • _reindex
        • Tìm hiểu sâu về API _reindex trong Elasticsearch
        • Hướng dẫn di chuyển dữ liệu trong Elasticsearch sử dụng API _reindex
      • _transform
    • HAProxy
      • HAProxy - Lập trình Lua và tích hợp Redis
    • Localtunnel
      • Hướng dẫn sử dụng Localtunnel để đưa ứng dụng Local lên Internet
    • LoopBack
      • Hướng dẫn cài đặt LoopBack 4 và khởi tạo dự án đầu tiên
    • N8N
      • Hướng dẫn cài đặt n8n bằng docker compose
    • NGINX Plus
      • NGINX: Hiệu suất vượt trội và giải pháp tối ưu cho hệ thống web
      • NGINX: Hướng dẫn chi tiết sử dụng GeoIP2 trên Alpine
      • NGINX: Hướng dẫn sử dụng Lua trên Alpine
      • NGINX: Hướng Dẫn Chi Tiết Cấu Hình Load Balancer
      • NGINX: Hướng Dẫn Sử Dụng Dynamic Modules
      • NGINX: Hướng dẫn Cài đặt và Sử dụng Module njs
      • Tích Hợp NGINX Làm API Gateway với Các Bước Xử Lý Phổ Biến
    • NTP - Secure Timeserver
      • Hướng dẫn cài đặt NTP an toàn với Docker Compose
    • Playwright
      • Playwright: Tự Động Hóa Trình Duyệt Hiệu Quả
    • Wordpress
      • Cách dùng Docker để phát triển ứng dụng Wordpress
  • Tin tức
    • DevSecOps là gì?
    • Giới thiệu bộ công cụ hỗ trợ lập trình từ SmallDev.tools và Code Beautify
    • Giới Thiệu và Hướng Dẫn Về DuckDB
    • Giới thiệu về Các Loại Cơ Sở Dữ Liệu
      • 1. HSQLDB (HyperSQL Database)
    • Hệ thống phân giải tên miền (DNS) và các loại bản ghi
    • Giải thích về Tiền Tố Path Nổi Tiếng – /.well-known
    • Giải mã Hệ thống tạo mã OTP của Google Authenticator
    • Quishing là gì? Hiểu và phòng tránh lừa đảo qua mã QR
  • Hướng dẫn
    • Hướng dẫn chi tiết tạo tài khoản Google bằng email công ty
    • Top 10 ASP .NET Open Source Projects GitHub 2024
    • Free Themes and Templates from Creative Tim
    • Hướng dẫn sử dụng Voler và Mazer Dashboard từ Zuramai
  • So Sánh
    • So Sánh Apache Parquet và CSV: Bảng So Sánh Chi Tiết, Ưu và Nhược Điểm
    • So Sánh Varnish Cache, Memcached và Redis: Ba Công Cụ Caching Phổ Biến trong Tối Ưu Hóa Hiệu Suất
  • Affiliate
    • Tuyển dụng
      • Bộ câu hỏi phỏng vấn T-SQL – Đánh giá ứng viên hiệu quả
    • eSMSvn: Chăm sóc khách hàng hiệu quả với SMS và ZNS
    • eSMS.vn: Giải pháp SMS Marketing hiệu quả cùng các chương trình ưu đãi hấp dẫn
Powered by GitBook
On this page
  • Localtunnel Là Gì? Tại Sao Nên Sử Dụng?
  • Lợi Ích Khi Sử Dụng Localtunnel
  • Yêu Cầu Trước Khi Bắt Đầu
  • Hướng Dẫn Cài Đặt Và Sử Dụng Localtunnel
  • Bước 1: Cài Đặt Localtunnel
  • Bước 2: Khởi Chạy Ứng Dụng Local
  • Bước 3: Tạo Đường Hầm Với Localtunnel
  • Bước 4: Chia Sẻ URL
  • Bước 5: Tùy Chỉnh Subdomain (Tùy Chọn)
  • Các Tính Năng Nổi Bật Của Localtunnel
  • So Sánh Localtunnel Với Ngrok
  • Lưu Ý Quan Trọng
  • Kết Luận

Was this helpful?

  1. Ứng dụng
  2. Localtunnel

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

PreviousLocaltunnelNextLoopBack

Last updated 2 months ago

Was this helpful?

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, 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 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ề (nếu có).

Cẩm nang NQDEV
nodejs.org
Ngrok trên Cẩm nang NQDEV