Đăng trang web lên Cloudflare Pages

Cần có trước

• Node 22 trở lên (thao tác Cài Node).
• Web đã dựng trong ~/hoc-agent/web, trong đó có thư mục public.
• Một email để tạo tài khoản Cloudflare.

6 bước

1. Tạo tài khoản Cloudflare.

   Vào dash.cloudflare.com, chọn đăng ký (Sign up), dùng email của bạn, tự đặt mật khẩu và xác nhận email. Không đưa mật khẩu cho AI.

   Đúng khi: đăng nhập được vào trang quản lý Cloudflare.

2. Mở cửa sổ Terminal thứ hai ở thư mục web.

   Cửa sổ đầu để chạy agent. Mở thêm một cửa sổ Terminal (Mac) hoặc PowerShell (Windows) rồi vào thư mục web. Gõ pwd để chắc đang đứng đúng chỗ.

   Dán vào: cửa sổ Terminal (Mac) hoặc PowerShell (Windows) thứ hai vừa mở.

   cd ~/hoc-agent/web

   Chép

   Đúng khi: pwd ra đường dẫn kết thúc bằng hoc-agent/web.

3. Đăng nhập Cloudflare bằng wrangler.

   Chạy dòng dưới. Lần đầu được hỏi cài gói (Ok to proceed?) thì gõ y, Enter. Trình duyệt tự mở trang Cloudflare, bạn tự đăng nhập và bấm cho phép (Allow). Quay lại Terminal.

   Dán vào: cửa sổ Terminal thứ hai, đang đứng ở ~/hoc-agent/web.

   npx wrangler login

   Chép

   Đúng khi: Terminal báo đăng nhập thành công (Successfully logged in).

4. Đăng thư mục public lên mạng.

   Chép dòng dưới, đổi ten-web-cua-ban thành tên viết thường, không dấu, nối bằng gạch ngang, ví dụ tiem-banh-lan. Enter. Lần đầu được hỏi thì chọn tạo dự án mới, để mặc định.

   Dán vào: cửa sổ Terminal thứ hai, đang đứng ở ~/hoc-agent/web (gõ cd ~/hoc-agent/web trước nếu vừa mở).

   npx wrangler pages deploy public --project-name ten-web-cua-ban

   Chép

   Đúng khi: Terminal báo đăng xong và in ra một địa chỉ đuôi .pages.dev.

5. Mở địa chỉ .pages.dev.

   Chép địa chỉ đuôi .pages.dev Terminal vừa in, mở trên trình duyệt máy tính và trên điện thoại. Địa chỉ chính có dạng ten-web-cua-ban.pages.dev.

   Lưu kết quả: ghi địa chỉ .pages.dev và tên dự án Cloudflare vào Sổ tay Trà Đá dưới tiêu đề bài website. Dùng tiếp: gắn tên miền riêng, và chạy lại lệnh đăng mỗi lần sửa web.

   Đúng khi: trang web của bạn hiện lên trên điện thoại.

6. Đăng lại mỗi lần sửa.

   Sửa web xong bằng agent, quay về cửa sổ Terminal thứ hai, chạy lại đúng dòng đăng ở bước 4 với cùng tên dự án. Không chạy lại thì web trên mạng vẫn là bản cũ.

   Đúng khi: tải lại trang trên điện thoại thấy phần vừa sửa.

Lỗi hay gặp

• Lệnh đăng báo không thấy thư mục public. Terminal đang đứng sai chỗ. Gõ cd ~/hoc-agent/web rồi chạy lại.
• Báo "npx: command not found". Chưa cài Node, hoặc cài xong chưa mở cửa sổ mới. Xem thao tác Cài Node.
• Sửa xong mà web trên mạng không đổi. Quên chạy lại lệnh đăng ở bước 4. Chạy lại, chờ xong rồi tải lại trang.
• Mỗi lần đăng lại hỏi tạo dự án mới. Gõ khác tên dự án so với lần đầu. Mở Sổ tay, dùng đúng tên đã ghi.

Các bài dùng thao tác này: làm website thật, gắn SEO và đo lường, nối form với nơi giữ khách. Muốn có trợ lý kèm từng bước: cài trợ lý học bài.

Thao tác khác