60 phút · Phút 50–60: Xuất ZIP và triển khai Cloudflare Pages
Xuất ZIP từ app, tạo project Cloudflare Pages bằng Direct Upload, nhận URL pages.dev rồi kiểm tra HTTPS, CTA và mobile.
- Xuất gói ZIP có index.html ở thư mục gốc
- Triển khai bằng Direct Upload trên Cloudflare Pages
- Kiểm tra trang thật sau khi xuất bản
Cloudflare Pages cho phép đưa trang tĩnh lên mạng bằng cách tải tệp trực tiếp (Direct Upload) qua bảng điều khiển, không cần Git. Kết quả là một địa chỉ dạng ten-project.pages.dev có HTTPS sẵn.
- Phút 50–52: Trong app, xuất ZIP. Mở thử ZIP: index.html phải nằm ngay ở gốc, không nằm trong thư mục con.
- Phút 52–54: Đăng nhập Cloudflare (tài khoản của bạn, tự đăng nhập), vào Workers & Pages, chọn tạo ứng dụng Pages bằng cách tải tệp lên (Direct Upload).
- Phút 54–56: Đặt tên project (chữ thường, gạch nối) — tên này thành tên miền con pages.dev. Tải ZIP hoặc thư mục lên, bấm triển khai.
- Phút 56–58: Mở URL pages.dev: kiểm tra có khóa HTTPS, H1, ảnh, form.
- Phút 58–60: Trên điện thoại: bấm thử CTA, nút Zalo, nút gọi; gửi thử form nếu có.
| Kiểm tra sau triển khai | Cách làm |
|---|---|
| HTTPS | Thanh địa chỉ có biểu tượng khóa, không cảnh báo bảo mật |
| CTA | Mọi nút dẫn đúng: form, Zalo, gọi, email |
| Mobile | Mở trên điện thoại thật, cuộn hết trang |
| SEO cơ bản | Xem mã nguồn: title, description, canonical đúng URL thật |
| Cập nhật | Muốn sửa: xuất ZIP mới, tạo bản triển khai mới trong cùng project |
Bài tập thực hành
Triển khai trang lên Cloudflare Pages bằng Direct Upload và hoàn thành bảng kiểm tra 5 mục trên điện thoại thật.
Gợi ý: Nếu trang trắng hoặc lỗi 404, kiểm tra lại ZIP: index.html phải ở gốc.
- Có URL pages.dev mở được qua HTTPS
- Mọi CTA hoạt động trên điện thoại
- Title, description, canonical đúng
- Không có thông tin bí mật trong mã nguồn
- Đã ghi phiên bản và ngày triển khai
Kiểm tra kiến thức
- Thiếu ảnh
- index.html nằm trong thư mục con thay vì ở gốc
- Tên project quá ngắn
- Chưa mua tên miền
Xem đáp án
B. index.html nằm trong thư mục con thay vì ở gốc — Pages phục vụ index.html ở gốc; nếu ZIP chứa thêm một lớp thư mục, đường dẫn gốc không có trang.
- Trong index.html
- Phía máy chủ/biến bí mật có quyền phù hợp, không đặt trong trang tĩnh
- Trong meta description
- Trong tên ảnh
Xem đáp án
B. Phía máy chủ/biến bí mật có quyền phù hợp, không đặt trong trang tĩnh — Mọi tệp trang tĩnh đều công khai, ai cũng xem được mã nguồn.
- Tạo tài khoản Cloudflare mới
- Xuất ZIP mới và tạo bản triển khai mới trong cùng project
- Không sửa được
- Xóa project rồi làm lại
Xem đáp án
B. Xuất ZIP mới và tạo bản triển khai mới trong cùng project — Mỗi lần tải lên tạo một bản triển khai mới trong cùng project, giữ nguyên URL pages.dev.