Frameworks giải pháp

Chạy React + Vite trên local với FlyEnv

Các dự án React + Vite cần runtime Node.js để phát triển và build, với web server cục bộ tùy chọn để xem trước gần giống production. FlyEnv quản lý môi trường đó cho từng dự án.

Tải xuống FlyEnv Tài liệu chính thức

Stack dự án local

Các dịch vụ FlyEnv có thể quản lý cho React + Vite

Giới thiệu React + Vite

React với Vite là một quy trình frontend kết hợp component React với dev server nhanh và module graph của Vite. Nó ưu tiên ứng dụng render phía client trong khi để định tuyến, state, test và kiến trúc backend cho các thư viện được chọn.

Quy trình local cốt lõi là Node.js chạy Vite với hot module replacement. Server API, dịch vụ mock, HTTPS hoặc reverse proxy trở nên liên quan khi frontend cần thực hành xác thực, cookie trình duyệt hoặc hành vi cross-origin.

Các khả năng cốt lõi

Component React
HMR nhanh
JSX và TypeScript
ES Module Dev Server
Build asset production
Hệ sinh thái plugin

Các trường hợp sử dụng phổ biến

Ứng dụng single-page
Bảng điều khiển vận hành
Design system và thư viện component
Giao diện sản phẩm nhúng
Prototype frontend được hỗ trợ bởi API

Dự án React và Vite thường đặt frontend lên trước

Giữ môi trường local nhỏ gọn cho đến khi ứng dụng cần tương tác với các phụ thuộc thực tế phía trình duyệt.

Node.js và Vite: Chạy npm script, server HMR, chuyển đổi TypeScript và build production.
Backend hoặc API mock: Dùng API của dự án, server mock hoặc BFF local khi component cần dữ liệu và trạng thái lỗi thực tế.
Quy tắc HTTPS và proxy: Cần khi secure cookie, OAuth, service worker hoặc hành vi CORS của API phải khớp với origin đã triển khai.

Tài nguyên dự án

Để xem các lệnh cài đặt, phiên bản hỗ trợ và cấu hình riêng của dự án, hãy tham khảo tài liệu chính thức của React + Vite .

Stack local điển hình

Các dịch vụ cụ thể phụ thuộc vào dự án, phiên bản phát hành và cấu hình local của nó. Đây là một thiết lập local phổ biến, không phải yêu cầu cố định.

Thành phần	Vai trò điển hình
Node.js	Chạy Node.js cho môi trường local của React + Vite.
Nginx Caddy	Chạy Nginx / Caddy cho môi trường local của React + Vite.

FlyEnv giúp gì

Khớp runtime dự án
Chọn phiên bản runtime mà React + Vite yêu cầu.
Quản lý dịch vụ local
Chỉ khởi động cơ sở dữ liệu, cache và các dịch vụ khác khi dự án cần.
Giữ dự án tách biệt
Để mỗi dự án dùng các phiên bản và cấu hình dịch vụ riêng.
Cấu hình tên miền local
Truy cập dự án qua tên miền local và HTTPS khi cần.

Thiết lập môi trường local

Việc cài đặt dự án vẫn thuộc tài liệu chính thức của dự án. FlyEnv quản lý các runtime, cơ sở dữ liệu, web server và các dịch vụ hỗ trợ xung quanh nó.