Thiết lập ngrok để phát triển web cục bộ
Đôi khi, bạn sẽ cần hiển thị một máy chủ cục bộ đang chạy trên máy tính của mình với internet. Điều này có thể hữu ích để thử nghiệm một ứng dụng web trước khi triển khai nó đến một máy chủ từ xa.
Tìm hiểu cách sử dụng ngrok, một công cụ phổ biến để hiển thị các máy chủ web cục bộ với internet.
Mục Lục
Sử dụng ngrok để phát triển web cục bộ
ngrok là một giải pháp tạo đường hầm để chạy các máy chủ web cục bộ trên internet kể từ năm 2015.
Sử dụng ngrok, bạn có thể tạo một URL công khai ánh xạ tới máy chủ cục bộ của mình, giúp người khác dễ dàng truy cập công việc của họ từ mọi nơi trên thế giới. Sau đó, bạn có thể kiểm tra các ứng dụng của mình từ các thiết bị và trình duyệt web khác nhau, đồng thời khắc phục sự cố chúng bằng cách sử dụng nhật ký phản hồi và yêu cầu của ngrok.
Khi xử lý một đường hầm công cộng, bạn có thể lo ngại về bảo mật. ngrok hỗ trợ các đường hầm an toàn với mã hóa SSL, giúp sử dụng an toàn cho các ứng dụng và dữ liệu nhạy cảm. Tất cả các tính năng này đã làm cho ngrok trở thành một công cụ có giá trị và phổ biến cho các nhà phát triển làm việc trong một dự án cá nhân hoặc cộng tác với những người khác.
Cài đặt ngrok trên máy tính của bạn
Bắt đầu với các tính năng chính của ngrok là hoàn toàn miễn phí và rất đơn giản. Mặc dù có một phiên bản ngrok trả phí cung cấp nhiều tính năng hơn. Hãy tìm hiểu cách cài đặt và thiết lập ngrok trên máy tính của bạn.
Để cài đặt ngrok trên máy tính của bạn, hãy truy cập trang tải xuống ngrok chính thức.
Sau đó, bạn nên tiếp tục tải xuống ngrok cho Hệ điều hành (Hệ điều hành) cụ thể của mình bằng cách tải xuống tệp ZIP và giải nén hoặc cài đặt tệp đó bằng trình quản lý gói như Chocolatey hoặc Homebrew.
Để cài đặt ngrok với Chocolatey hoặc Homebrew trên Windows và macOS, bạn cần cài đặt trình quản lý gói.
Để cài đặt Chocolatey trên Windows, hãy chạy lệnh này bên trong quản trị viên Windows PowerShell:
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
Để cài đặt Homebrew trên macOS, hãy chạy lệnh này trong thiết bị đầu cuối của bạn:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
Bây giờ bạn đã có trình quản lý gói phù hợp và bạn có thể cài đặt ngrok trên máy tính của mình bằng một trong hai.
Tạo một đường hầm ngrok cục bộ mới bằng tài khoản của bạn
Để tạo một đường hầm ngrok để hiển thị máy chủ cục bộ của bạn, bạn sẽ cần đăng ký tài khoản ngrok và tạo mã thông báo xác thực.
Bước 1: Đăng ký
Đi tới trang đăng ký của ngrok, điền vào biểu mẫu với các chi tiết cần thiết của bạn và nhấp vào Đăng ký.
Bước 2: Thêm mã thông báo vào cấu hình
Bây giờ bạn đã có tài khoản, bạn sẽ cần thêm mã thông báo xác thực được tạo tự động của mình vào ngrok.yml tập tin cấu hình. Mã thông báo này là duy nhất cho tài khoản của bạn, vì vậy bạn nên giữ mã thông báo an toàn. Để thêm mã thông báo xác thực, hãy điều hướng đến Xác thực của bạn trang trong thanh điều hướng bên.
Bạn có thể sao chép mã thông báo xác thực của mình và chạy lệnh được minh họa trong thiết bị đầu cuối của mình để đặt tệp cấu hình:
ngrok config add-authtoken YOUR_AUTH_TOKEN
Bước 3: Chạy ngrok
Khi bạn đã hoàn thành các bước trước đó, bạn có thể tạo đường hầm ngrok để chạy máy chủ của mình.
Để thực hiện việc này, hãy chạy lệnh sau với số cổng ưa thích.
Ví dụ:
ngrok http 3000
Bây giờ bạn đã có một đường hầm ngrok cục bộ chạy trên máy tính của mình.
Xử lý các vấn đề thiết lập phổ biến
- Hạn chế tường lửa: Nếu máy tính của bạn có tường lửa, bạn có thể cần phải điều chỉnh cài đặt của nó để cho phép ngrok kết nối với internet.
- Mã thông báo xác thực không chính xác: Nếu bạn nhập mã thông báo xác thực sai khi bắt đầu ngrok, bạn có thể nhận được thông báo lỗi cho biết mã thông báo của bạn không hợp lệ. Xác nhận mã thông báo của bạn hoặc đặt lại mã thông báo trên trang web bằng cách nhấp vào Đặt lại mã xác thực cái nút.
- Quyền bị từ chối: Nếu bạn nhận được lỗi “quyền bị từ chối” khi bắt đầu ngrok, bạn có thể cần chạy lệnh ngrok với tư cách quản trị viên hoặc với các đặc quyền nâng cao.
Lợi ích của việc sử dụng ngrok để phát triển web cục bộ
Cho dù bạn đang thực hiện dự án cá nhân hay cộng tác với nhóm, ngrok đều có giá trị trong bộ công cụ phát triển web của bạn. Khả năng tương thích của nó với các nền tảng và ngôn ngữ lập trình khác nhau khiến nó phù hợp để thử nghiệm ứng dụng web, cộng tác hoặc demo các dự án cho khách hàng.