Đưa website React lên public HTTPS

Best-practice, từng bước — từ source React tới URL công khai https://<tên>.entry.io.vn. Miễn phí, thay thế ngrok.

🎯 Nguyên tắc vàng: đưa ra public là bản build production tĩnh (dist/), không expose dev server (npm run dev) — an toàn & nhẹ hơn.

Bước 0

Chuẩn bị tài khoản (một lần)

Đăng ký / đăng nhập app.entry.io.vn (email hoặc Google).
Tạo SSH key nếu chưa có:
ssh-keygen -t ed25519
Copy public key rồi dán vào Dashboard ▸ SSH Keys ▸ Thêm key:
cat ~/.ssh/id_ed25519.pub

Bước 1–2

npm create vite@latest my-app -- --template react cd my-app npm install npm run build

npm run build sinh ra thư mục dist/ — đây là thứ sẽ đưa ra public.

Bước 3

npx serve -s dist -l 3000

-s = chế độ SPA (React Router fallback đúng). Cách khác: npm run preview -- --port 3000.

Bước 4

Mở terminal mới (giữ serve đang chạy):

ssh -p 2222 -R my-app:80:localhost:3000 entry.io.vn

→ Website online tại https://my-app.entry.io.vn (HTTPS tự động). Đổi my-app thành tên bạn muốn.

💡 Tên trong -R <tên>:80:... quyết định URL. Bỏ tên để được cấp ngẫu nhiên.

Lưu ý

Tình huống	Cách đúng
Production vs dev	Luôn build + serve `dist/`. Không expose `npm run dev` ra public.
Dev server Vite báo "Blocked request"	Thêm `server: { allowedHosts: ['.entry.io.vn'], host: true }` vào `vite.config.js`.
Permission denied (publickey)	Public key chưa thêm vào Dashboard ▸ SSH Keys.
Subdomain cố định	Gói cộng đồng giữ tối đa 5 subdomain ở Dashboard.
Chạy 24/7	systemd + autossh (mục "Chạy ngầm" trên trang chủ).