Buổi 4
Nối tên miền
với Claude
Cloudflare: cầu nối đưa ứng dụng AI lên Internet
Chương 1 · Bức tranh tổng thể
Từ 1 câu nói đến 1 link thật
💬
1 câu yêu cầu
“Làm trang báo giá, đưa lên mạng”
🤖
Claude Code làm
Vài phút
🔗
Link thật
baogia.tenmien.com📱
Cả lớp mở
Trên điện thoại của mình
CÂU HỎIChuyện gì đã xảy ra phía sau trong 5 phút đó?
Chương 1 · Bức tranh tổng thể
Bức tranh toàn cảnh
ĐƯỜNG KHÁCH ĐI KHI MỞ WEBSITE
📱
Người dùng
Gõ tên miền
🏷️
Tên miền
app.tenmien.com☁️
Cloudflare
Tìm đường · bảo vệ · khoá
🏪
Nơi ứng dụng chạy
Pages · Workers · Server
🤖
Claude Code = đội thi công
Không nằm trên đường khách điXây, kiểm tra, đưa lên, sửa khi được yêu cầu
Chương 1 · Bức tranh tổng thể
Một website gồm 4 thứ
🏷️
Tên miền
= địa chỉ nhà📒
DNS
= danh bạ🏠
Hosting · Server
= căn nhà🛍️
Website
= cửa hàngHỎI LỚPMua tên miền xong là đã có website chưa?
Chương 2 · Tên miền và Internet
Tên miền là gì?
🏷️ hoangminhhoa.com
thay vì phải nhớ
203.0.113.10
NÓ LÀ GÌ?Địa chỉ dễ nhớ của doanh nghiệp trên Internet
ĐỂ LÀM GÌ?Giúp khách tìm đúng tới mình
PHỐI HỢP VỚI AI?DNS dịch tên miền ra chỗ cần tới
Chương 2 · Tên miền và Internet
DNS: danh bạ của Internet
🔎 claude.hoangminhhoa.com
📒 DNS tra sổ
📍 Nơi đang đặt slide
NÓ LÀ GÌ?Hệ thống tra tên miền ra địa chỉ máy hiểu được
ĐỂ LÀM GÌ?Dẫn khách tới đúng nơi website đang chạy
PHỐI HỢP VỚI AI?Nhận tên miền, chỉ đường tới hosting / server
Chương 2 · Tên miền và Internet
Hosting và Server là gì?
🏠
Website nằm ở đây
🖥️ Server⏰ Chạy 24/7
NÓ LÀ GÌ?Server: máy chủ chạy website. Hosting: dịch vụ cho thuê chỗ chạy
ĐỂ LÀM GÌ?Giữ website luôn mở, phục vụ mọi lượt truy cập
PHỐI HỢP VỚI AI?DNS dẫn khách tới đây
Chương 2 · Tên miền và Internet
Tên miền khác Hosting thế nào?
📍
Tên miền
địa chỉ nhà🏗️
Hosting
mặt bằng⚙️
Server
máy vận hành🛍️
Website
cửa hàngNHỚCó địa chỉ chưa có nghĩa là đã có nhà.
Chương 3 · Hiểu về Claude
Claude là gì?
Viết giúp tôi 3 tiêu đề bài bán bánh kem
1. “16cm đủ mấy người ăn?” Đủ 6 người…
2. …
2. …
NÓ LÀ GÌ?AI hiểu tiếng Việt, do Anthropic phát triển
ĐỂ LÀM GÌ?Viết, phân tích, giải thích, lên kế hoạch
PHỐI HỢP VỚI AI?Trả lời bằng chữ, mình tự làm bước tiếp
Chương 3 · Hiểu về Claude
Claude Code là gì?
› Làm trang tải hóa đơn, có tìm kiếm, lọc ngày
● Đọc thư mục dự án…
✓ Tạo index.html, app.js
✓ Chạy thử, sửa 2 lỗi
✓ Đưa lên mạng (đã xin phép)
NÓ LÀ GÌ?Claude làm việc ngay trong thư mục dự án trên máy
ĐỂ LÀM GÌ?Tạo, sửa tệp, chạy thử, sửa lỗi, đưa lên mạng
PHỐI HỢP VỚI AI?Mình duyệt các bước quan trọng
Chương 3 · Hiểu về Claude
Claude Code làm ra website thế nào?
💡 Ý tưởng→
💬 Yêu cầu→
🧱 Code→
🖼️ Giao diện→
✅ Kiểm tra→
🚀 Đưa lên mạng
NHỚLàm ra code và đưa lên mạng là 2 việc khác nhau.
Chương 4 · Hiểu về Cloudflare
Cloudflare: một nền tảng, nhiều vai
📒
DNS
Sổ địa chỉ
🛡️
Proxy
Bảo vệ đứng cổng
🔒
SSL · HTTPS
Khoá đường truyền
🚇
Tunnel
Đường hầm từ máy riêng
⚙️
Workers
Chương trình xử lý
📄
Pages
Nơi đặt trang web
🟧 Kết nối và bảo vệ · 🟦 Nơi ứng dụng chạy, chọn theo việc. Không cần dùng hết.
Chương 4 · Hiểu về Cloudflare
DNS trên Cloudflare: sổ địa chỉ
claude.→📄 Trang slide
taihoadon.→⚙️ Ứng dụng hóa đơn
mail→✉️ Hộp thư công ty
NÓ LÀ GÌ?Bảng ghi: tên nào dẫn tới đâu
ĐỂ LÀM GÌ?Mỗi tên miền con trỏ về đúng nơi của nó
PHỐI HỢP VỚI AI?Đưa tên miền vào Cloudflare quản lý 1 lần
Chương 4 · Hiểu về Cloudflare
Proxy: bảo vệ đứng ở cổng
📱🛡️ Cloudflare🏪
🟠 Mây cam: đứng chắn⚪ Mây xám: chỉ chỉ đường
NÓ LÀ GÌ?Cloudflare đứng giữa khách và nơi chạy web
ĐỂ LÀM GÌ?Chặn tấn công, tăng tốc, giấu địa chỉ máy chủ
PHỐI HỢP VỚI AI?Bật theo từng dòng trong sổ địa chỉ
Chương 4 · Hiểu về Cloudflare
SSL · HTTPS: ổ khoá
🔒https://claude.hoangminhhoa.com
Dữ liệu đi trên đường được mã hoá
NÓ LÀ GÌ?Lớp khoá mã hoá đường truyền
ĐỂ LÀM GÌ?Khách thấy ổ khoá, trình duyệt không cảnh báo
PHỐI HỢP VỚI AI?Cloudflare cấp và gia hạn chứng chỉ
Chương 4 · Hiểu về Cloudflare
Tunnel: đường hầm riêng
🏢 Máy ở công ty🚇 Tunnel☁️
Máy tự mở đường đi ra, không mở cửa cho người lạ đi vào
NÓ LÀ GÌ?Đường kết nối từ máy riêng ra Cloudflare
ĐỂ LÀM GÌ?Đưa ứng dụng đang chạy trên máy riêng ra Internet
PHỐI HỢP VỚI AI?Chỉ cần khi ứng dụng chạy trên máy của mình
Chương 4 · Hiểu về Cloudflare
Workers: nhân viên trực quầy
📨 Yêu cầu⚙️ Worker✅ Kết quả
🔑 Kiểm mật khẩu📝 Nhận form🔎 Tra cứu
NÓ LÀ GÌ?Chương trình nhỏ chạy ngay trên Cloudflare
ĐỂ LÀM GÌ?Nhận yêu cầu, xử lý, trả kết quả
PHỐI HỢP VỚI AI?Dùng riêng, hoặc đứng cạnh Pages
Chương 4 · Hiểu về Cloudflare
Pages: kệ trưng bày
📁 Thư mục web📄 Pages🔗 Link
Giới thiệuBáo giáSlide
NÓ LÀ GÌ?Nơi đặt trang web, chủ yếu để xem
ĐỂ LÀM GÌ?Đưa trang lên mạng, cập nhật mỗi khi sửa
PHỐI HỢP VỚI AI?Gắn tên miền riêng; cần xử lý thì thêm Workers
Chương 5 · Ghép thành hệ thống
Kiến trúc tổng thể: 2 đường
① ĐƯỜNG KHÁCH ĐI
📱
Người dùng
🏷️
Tên miền
☁️
Cloudflare
DNS · Proxy · SSL
🏪
Pages · Workers · Server
chọn 1 theo việc
② ĐƯỜNG XÂY DỰNG
🧑💼
Mình
Nói yêu cầu
🤖
Claude Code
Xây · kiểm tra · đưa lên
🏪
Nơi ứng dụng chạy
Chương 5 · Ghép thành hệ thống
Quy trình: ai làm bước nào?
🧑💼 Phần của mình
- 1Có tên miền
- 2Đưa vào Cloudflare (1 lần)
- 3Nói yêu cầu rõ ràng
- 4Mở thử trên điện thoại
🤖 Phần Claude Code
- 1Xây trang, chạy thử
- 2Đưa lên nơi chạy phù hợp
- 3Nối tên miền với trang
- 4Kiểm tra ổ khoá https
Chương 5 · Ghép thành hệ thống
Ví dụ thật: cùng một tên miền
🔒 claude.hoangminhhoa.com
📄 Slide khóa học
🔒 trienkhaihskh.hoangminhhoa.com
🔑 Phiếu có mật khẩu
🔒 taihoadon.hoangminhhoa.com
⚙️ Ứng dụng tải hóa đơn
Chương 5 · Ghép thành hệ thống
Web không vào được? Khoanh vùng tầng lỗi
🏷️Báo “không tìm thấy trang”→ Tên miền · DNS chưa chỉ đúng
🔓Báo “không an toàn”, mất ổ khoá→ SSL · HTTPS chưa xong
🏪Tìm thấy nhưng báo lỗi, trang trắng→ Nơi chạy: Pages · Workers · Server
🚇Máy công ty tắt là web chết→ Tunnel · máy riêng
🛍️Mở được nhưng nội dung sai→ Ứng dụng → nhờ Claude Code sửa
Chương 6 · Tổng kết
Ai làm nhiệm vụ gì?
🤖Claude CodeXây và sửa ứng dụng
🏷️Tên miềnĐịa chỉ truy cập
📒DNSTìm đúng nơi ứng dụng chạy
☁️CloudflareKết nối, bảo vệ, khoá https
🏪Hosting · ServerNơi ứng dụng chạy
📱Người dùngTruy cập và sử dụng
CHỐTKhông công cụ nào làm thay hết. Sức mạnh nằm ở chỗ ghép đúng.
Chương 6 · Tổng kết
6 câu hỏi: đã thấu chưa?
1Mua tên miền rồi, chưa có nơi chạy, khách vào được web không?
2DNS có chứa website không?
3Claude Code làm xong web, sao vẫn phải đưa lên mạng?
4Tunnel khác Workers thế nào?
5Web không vào được, lỗi ở tầng nào?
6Khách mở web có đang dùng Claude Code không?
TƯ DUY MỚI
Không cần tự xây
cả hạ tầng Internet.
Hiểu đúng vai từng công cụ, ghép đúng,
một người cũng đưa được ý tưởng lên Internet.
💡 Ý tưởng→
🤖 Claude Code→
☁️ Cloudflare→
🏷️ Tên miền riêng→
🚀 Sản phẩm thật