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

Tạm biệt kiểu làm việc thủ công: Hướng dẫn cơ bản để public môi trường dev local của bạn

0 0 2

Người đăng: alice

Theo Viblo Asia

Chào các anh em dev, chúng ta hãy nói về một kịch bản quen thuộc.

Bây giờ là 4 giờ chiều thứ Sáu. Bạn vừa hoàn thành một tính năng quan trọng và cần demo cho khách hàng ngay lập tức, hoặc có thể bạn cần nhận một webhook từ Stripe hoặc GitHub để kiểm thử tích hợp cuối cùng. Code của bạn chạy hoàn hảo trên localhost, nhưng bây giờ bạn cần một URL công khai trỏ đến localhost:3000 của mình.

Và thế là, một nghi thức mà tất cả chúng ta đều thuộc lòng bắt đầu:

Bạn mở một terminal và gõ ngrok http 3000. Nhấn Enter. Giữa một đống kết quả, bạn tìm thấy URL kết thúc bằng .ngrok-free.app, cẩn thận sao chép nó và dán vào trang quản trị. Rồi bạn nhận ra... bạn đã dùng sai cổng. Đáng lẽ phải là 8080. Ctrl+C để dừng tiến trình, mũi tên lên, sửa cổng, Enter, sao chép lại, dán lại...

Nếu bạn cần tunnel cho hai dự án cùng một lúc thì sao? Thêm một cửa sổ terminal nữa. Quản lý chúng giống như điều hành một xưởng làm việc thủ công hỗn loạn.

Đừng hiểu lầm, ngrok là một công cụ tuyệt vời. Nó, cùng với các ứng dụng như frp, đã cứu chúng ta vô số lần trong những thời khắc quan trọng. Chúng là những con dao đa năng của Thụy Sĩ trong nghề của chúng ta—mạnh mẽ và đáng tin cậy. Tuy nhiên, vấn đề nằm ở quy trình làm việc. Nó rời rạc. Mỗi khi chúng ta cần một URL công khai, chúng ta phải rời khỏi IDE mượt mà của mình và lao vào dòng lệnh khắc nghiệt để thực hiện "công việc thủ công" này.

Chúng ta là nhà phát triển, người sáng tạo, không phải là thợ sửa ống nước cho các đường hầm. Chúng ta xứng đáng có những công cụ thanh lịch và tích hợp hơn.

Tôi đã nghĩ rằng "màn thể dục dụng cụ trên dòng lệnh" này là điều không thể tránh khỏi. Cho đến tuần trước, khi công cụ phát triển cục bộ hàng ngày của tôi trên macOS, Servbay, tung ra bản cập nhật phiên bản 1.13.0.

Tôi đã mong đợi một số bản sửa lỗi thông thường, nhưng một phần trong ghi chú phát hành đã thu hút sự chú ý của tôi: Tích hợp Proxy ngược của bên thứ ba mạnh mẽ.

Nó không chỉ đơn thuần tích hợp ngrok. Không, nó đã đi xa hơn thế nhiều. Nó đã tích hợp ngrok, frp, cloudflare tunnel, và pinggy.io—bốn công cụ tunnel phổ biến—và hợp nhất tất cả chúng dưới một giao diện đồ họa duy nhất.

Quy trình làm việc của tôi bây giờ trông như thế này:

Nhấp vào tùy chọn "Tunnel" trong giao diện Servbay. Chọn trang web tôi muốn public từ danh sách các trang web cục bộ của tôi. Nhấp vào công tắc bật/tắt bên cạnh ngrok hoặc frp. Một URL công khai ổn định, sẵn sàng sử dụng ngay lập tức xuất hiện, hoàn chỉnh với một nút "sao chép". Toàn bộ quá trình không mất quá hai lần nhấp chuột và chưa đầy ba giây. Không có dòng lệnh, không có lỗi chính tả, không có sự nhầm lẫn về cổng. Mọi thứ đều rất hợp lý, cảm giác như tính năng này lẽ ra phải tồn tại từ lâu.

Đây chính là sự kỳ diệu của một công cụ hàng đầu: nó không thay đổi mục tiêu của bạn, nhưng nó cách mạng hóa cách bạn đạt được mục tiêu đó. Bản cập nhật của Servbay tích hợp liền mạch công việc tạo tunnel từng rời rạc, thủ công vào một quy trình phát triển cục bộ thống nhất. Quản lý các phiên bản PHP, chuyển đổi cơ sở dữ liệu, cấu hình SSL, và bây giờ là public URL—tất cả đều diễn ra trong một nền tảng thanh lịch duy nhất.

Đây không chỉ là một sự thúc đẩy về hiệu quả; đó là một bước nhảy vọt trong trải nghiệm phát triển. Nó giải phóng năng lượng tinh thần quý giá của chúng ta khỏi "công việc đường ống" tẻ nhạt và cho phép chúng ta tập trung vào những gì thực sự quan trọng: mã nguồn và sự sáng tạo.

Nếu bạn là một nhà phát triển Mac đã mệt mỏi với "điệu tango tunnel", tôi thực sự khuyên bạn nên thử Servbay mới. Bạn có thể tải về phiên bản mới nhất trực tiếp từ trang web của họ. Đó là một trong những nâng cấp chất lượng cuộc sống sẽ khiến bạn tự hỏi làm thế nào bạn đã từng sống thiếu nó.

Bình luận

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

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

Tư Duy Đột Phá Về TypeScript: Hiểu Rõ Hệ Thống Kiểu Dữ Liệu Qua Lăng Kính Tập Hợp

Một cách suy nghĩ khác về TypeScript. Kiểu Dữ Liệu -> Tập Hợp.

0 0 17

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

Lập trình viên web cần biết! Hiểu đúng về Query và Body trong yêu cầu HTTP

Hôm nay tôi muốn chia sẻ về yêu cầu HTTP mà chúng ta thường xuyên đối mặt khi lập trình, đặc biệt là sự khác biệt giữa Query và Body. Cấu trúc cơ bản của yêu cầu HTTP.

0 0 5