- vừa được xem lúc

[Tooling ] Giới thiệu ngrok - Mang demo dự án web lên internet không cần deploy

0 0 142

Người đăng: KhanhWAP

Theo Viblo Asia

I. Giới thiệu.

1. Ngrok là gì?

Ngrok là công cụ tạo đường hầm (tunnel) giữa localhost của bạn và internet. Giúp người khác mạng có thể truy cập được localhost của bạn thông qua custom domain của ngrok Ví dụ: mydomain.ngrok.io => localhost:80

2. Các ứng dụng chính của ngrok

  • Giúp bạn chạy demo dự án cho khách hàng xem từ chính máy của bạn mà không cần deploy lên server
  • Bạn có thể test responsive trên mobile một cách dễ dàng thông qua URL mà ngrok cung cấp
  • Xây dựng webhook tới localhost của bạn một cách dễ dàng
  • Hỗ trợ http, https, tcp
  • Hỗ trợ IP whitelist

3. Chi phí

Ngrok hiện tại gồm 1 gói free và 3 gói trả phí. Gói free giới hạn ở các điểm:

  • Chỉ hỗ trợ HTTP và TCP
  • Subdomain ngẫu nhiên
  • Chỉ chạy được 1 proccess ngrok tại 1 thời điểm
  • Giới hạn 4 tunnel / 1 process
  • Giới hạn 40 connections / 1 phút

II. Helloworld với ngrok

  1. Trước tiên. Các bạn tải và cài đặt ngrok tại địa chỉ https://ngrok.com/download

  2. Ok. Bắt đầu nào. Khởi tạo project và thêm ít nội dung

  3. Chạy local server

  4. Xem ở local đã chạy chưa nào

  5. Ok chạy rồi. Tiếp tục chạy ngrok để tạo tunnel

  6. Và đây là màn hình show kết quả khi đang chạy ngrox

  7. Bạn thấy đoạn http://9d67c2ce.ngrok.io/ chứ. Vào trình duyệt và test kết quả nào It works! Rất đơn giản phải không nào! Trên đây mình chỉ ví dụ cơ bản với 1 file HTML tĩnh. Đối với dự án lớn các bước thực hiện cũng hoàn toàn tương tự. Ngoài ra ngrok còn rất nhiều chức năng hay khác. Các bạn có thể gõ lệnh ngrok --help để tìm hiểu thêm nhé ?

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 499

- vừa được xem lúc

Cài đặt WSL / WSL2 trên Windows 10 để code như trên Ubuntu

Sau vài ba năm mình chuyển qua code trên Ubuntu thì thật không thể phủ nhận rằng mình đã yêu em nó. Cá nhân mình sử dụng Ubuntu để code web thì thật là tuyệt vời.

0 0 374

- vừa được xem lúc

Đặt tên commit message sao cho "tình nghĩa anh em chắc chắn bền lâu"????

. Lời mở đầu. .

1 1 701

- vừa được xem lúc

Tìm hiểu về Resource Controller trong Laravel

Giới thiệu. Trong laravel, việc sử dụng các route post, get, group để gọi đến 1 action của Controller đã là quá quen đối với các bạn sử dụng framework này.

0 0 335

- vừa được xem lúc

Phân quyền đơn giản với package Laravel permission

Như các bạn đã biết, phân quyền trong một ứng dụng là một phần không thể thiếu trong việc phát triển phần mềm, dù đó là ứng dụng web hay là mobile. Vậy nên, hôm nay mình sẽ giới thiệu một package có thể giúp các bạn phân quyền nhanh và đơn giản trong một website được viết bằng PHP với framework là L

0 0 420

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 414