Website hoạt động thế nào?
Source code, máy chủ và domain liên quan với nhau như thế nào.
Sổ tay thực hành miễn phí • Suri AI
Hướng dẫn dành cho người chưa biết lập trình: từ việc mô tả ý tưởng cho AI, tạo website, chạy thử, đưa lên VPS, trỏ domain đến bật HTTPS.
30 trang • Hướng dẫn từ số 0 • Có prompt mẫu
Website hoạt động như thế nào?
Lộ trình rõ ràng
Source code, máy chủ và domain liên quan với nhau như thế nào.
Cách mô tả đúng yêu cầu để AI hỗ trợ thiết kế và code.
Hiểu đơn giản máy chủ chứa website là gì.
Build, deploy, Nginx và cách website chạy 24/7.
Cách domain tìm đúng máy chủ.
SSL, Cloudflare và các nguyên tắc an toàn cơ bản.
40 chủ đề • 6 phần
Đi theo thứ tự hoặc chọn đúng phần bạn đang cần.
Sơ đồ đơn giản: người dùng → domain → DNS → VPS → Nginx → ứng dụng
Có thể hiểu cực kỳ đơn giản:
Ví dụ:
Ví dụ:
https://abc.comTrong đó:
Luồng hoạt động:
Khách nhập abc.com
Domain là tên website.
Ví dụ:
Thay vì bắt khách nhớ một địa chỉ IP như:
| 123.45.67.89 |
|---|
chúng ta chỉ cần cho họ nhớ:
| abc.com |
|---|
Ví dụ có domain:
| getsuri.net |
|---|
Có thể tạo:
Không cần mua từng domain riêng.
Hosting là dịch vụ đã được nhà cung cấp chuẩn bị sẵn.
Thường phù hợp với:
Ưu điểm:
Nhược điểm:
VPS có thể hiểu là:
Một máy tính chạy trên Internet 24/24.
Bạn có thể cài:
VPS phù hợp hơn nếu làm:
Có.
Ngày nay có thể dùng AI để thực hiện phần lớn công việc.
Người dùng chỉ cần mô tả:
| PROMPT / VÍ DỤ Tôi muốn làm website giới thiệu công ty xây dựng. Có trang chủ, giới thiệu, dịch vụ, dự án, liên hệ. Giao diện hiện đại, chạy tốt trên điện thoại. |
|---|
AI có thể tạo:
Công cụ AI có thể hỗ trợ gồm:
Toàn bộ quy trình làm website bằng AI
Không cần học lập trình từ đầu.
Hãy làm theo quy trình:
Ý tưởng
PHẦN II
DÙNG AI ĐỂ TẠO WEBSITE TỪNG BƯỚC
—
Không nên nói:
| PROMPT / VÍ DỤ Làm cho tôi một website. |
|---|
Yêu cầu như vậy quá chung chung.
Nên nói rõ hơn.
Ví dụ:
| PROMPT / VÍ DỤ Hãy tạo website cho Công ty ABC chuyên thi công nội thất. Website gồm: - Trang chủ. - Giới thiệu. - Dịch vụ. - Dự án. - Tin tức. - Liên hệ. Trang chủ cần: - Banner lớn. - Giới thiệu công ty. - 6 dịch vụ. - Dự án nổi bật. - Đánh giá khách hàng. - Form liên hệ. - Nút gọi điện. - Nút Zalo. Website phải responsive cho điện thoại, tablet và máy tính. Phong cách hiện đại, dễ đọc, phù hợp khách hàng Việt Nam. |
|---|
AI lúc này hiểu rõ hơn rất nhiều.
Đừng cho AI code ngay.
Có thể yêu cầu:
| PROMPT / VÍ DỤ Trước khi code, hãy thiết kế cấu trúc website và hành trình người dùng. |
|---|
AI sẽ đưa ra:
Trang chủ
↓
Khách xem dịch vụ
↓
Khách xem dự án
↓
Khách bấm liên hệ
↓
Gửi thông tin
↓
Doanh nghiệp nhận lead
Đây là bước rất quan trọng.
AI không chỉ làm giao diện.
AI nên giúp thiết kế website để đạt mục tiêu kinh doanh.
Sau khi đồng ý cấu trúc, yêu cầu:
| PROMPT / VÍ DỤ Hãy triển khai website hoàn chỉnh theo cấu trúc trên. |
|---|
Nếu sử dụng Codex hoặc công cụ AI coding, có thể yêu cầu AI tạo trực tiếp source code.
Ví dụ thư mục:
| mywebsite/ │ ├── src/ ├── public/ ├── package.json ├── README.md └── ... |
|---|
Ví dụ website dùng Node.js.
Mở Terminal hoặc PowerShell tại thư mục website.
Chạy:
npm installSau đó:
npm run devAI hoặc Terminal sẽ hiển thị địa chỉ tương tự:
http://localhost:3000Mở Chrome và nhập địa chỉ đó.
Website sẽ chạy trên máy tính của mình.
localhost nghĩa là:
Website hiện chỉ đang chạy trên máy của bạn.
Người ngoài Internet chưa truy cập được.
Kiểm tra ít nhất:
Đừng deploy ngay sau khi AI vừa code xong.
Hãy yêu cầu AI:
| PROMPT / VÍ DỤ Kiểm tra toàn bộ website, tìm lỗi, chạy test và chỉ báo hoàn tất khi website build thành công. |
|---|
Website đang chạy bằng:
npm run devchỉ là chế độ phát triển.
Trước khi đưa lên server thường cần chạy:
npm run buildNếu build thành công mới deploy.
Thông thường sẽ có thông báo dạng:
| Build completed successfully |
|---|
Nếu có lỗi thì yêu cầu AI sửa trước.
PHẦN III
ĐƯA WEBSITE LÊN HOSTING / VPS
—
Nếu website đơn giản có thể dùng hosting.
Nếu là:
thì nên cân nhắc VPS.
Khi mua VPS thường nhận được:
| IP: 123.45.67.89 Username: root Password: ******** |
|---|
IP này cực kỳ quan trọng.
Vì domain sẽ được trỏ về IP này.
Ví dụ VPS chạy Ubuntu.
Từ Windows có thể mở PowerShell:
ssh root@123.45.67.89Sau đó nhập mật khẩu VPS.
Khi kết nối thành công, bạn đang điều khiển máy chủ trên Internet.
Tùy website.
Với website Node.js thường cần:
Có thể yêu cầu AI:
| PROMPT / VÍ DỤ Đây là VPS Ubuntu mới. Hãy hướng dẫn tôi từng lệnh để cài Node.js, Nginx, Git và PM2 để deploy website Node.js. |
|---|
Không nên copy ngẫu nhiên các lệnh trên mạng.
Có nhiều cách.
Luồng:
Máy tính
Trên VPS:
git clone LINK_GITHUBSau đó:
cd ten-du-anCài thư viện:
npm installBuild:
npm run buildVí dụ:
npm startNhưng nếu đóng Terminal, website có thể dừng.
Vì vậy thường sử dụng PM2.
Ví dụ:
pm2 start npm --name mywebsite -- startSau đó:
pm2 savePM2 giúp website tiếp tục chạy khi chúng ta thoát Terminal.Giả sử ứng dụng chạy tại:
| localhost:3000 |
|---|
Khách ngoài Internet không nên phải nhập:
| abc.com:3000 |
|---|
Nginx đứng phía trước và nhận:
| abc.com |
|---|
sau đó chuyển yêu cầu về:
| localhost:3000 |
|---|
Luồng:
Khách
PHẦN IV
DOMAIN, DNS, NGINX VÀ HTTPS
—
Giả sử:
Domain:
| abc.com |
|---|
IP VPS:
| 123.45.67.89 |
|---|
Đăng nhập nơi đang quản lý domain.
Tìm mục:
DNS có nhiều loại record.
Người mới chỉ cần hiểu vài loại.
Dùng để:
Ví dụ:
| Type | Name | Value |
|---|---|---|
| A | @ | 123.45.67.89 |
Điều này có nghĩa:
| abc.com |
|---|
sẽ trỏ về:
| 123.45.67.89 |
|---|
Để:
| www.abc.com |
|---|
cũng chạy được, có thể tạo:
| Type | Name | Value |
|---|---|---|
| A | www | 123.45.67.89 |
Hoặc:
| Type | Name | Value |
|---|---|---|
| CNAME | www | abc.com |
Giả sử muốn:
| chat.abc.com |
|---|
trỏ về cùng VPS.
Tạo:
| Type | Name | Value |
|---|---|---|
| A | chat | 123.45.67.89 |
Muốn:
| download.abc.com |
|---|
tạo:
| Type | Name | Value |
|---|---|---|
| A | download | 123.45.67.89 |
Một VPS có thể chạy nhiều website.
Ví dụ cùng IP:
| 123.45.67.89 |
|---|
nhưng có:
| abc.com chat.abc.com download.abc.com app.abc.com |
|---|
Nginx đọc domain mà khách đang truy cập và chuyển đến đúng ứng dụng.
Ví dụ:
| abc.com → port 3000 chat.abc.com → port 3001 download.abc.com → port 3002 |
|---|
Do đó không phải mỗi website cần một VPS riêng.
Ví dụ website chạy port:
| 3000 |
|---|
Domain:
| abc.com |
|---|
Cấu hình logic:
server { listen 80; server_name abc.com www.abc.com; location / { proxy_pass http://127.0.0.1:3000; } }Ý nghĩa:
Khi có người truy cập:
| abc.com |
|---|
Nginx chuyển họ vào:
| 127.0.0.1:3000 |
|---|
Người mới không nhất thiết phải tự viết.
Có thể yêu cầu AI tạo file Nginx.
Không phải lúc nào cũng ngay lập tức.
Sau khi chỉnh DNS có thể cần thời gian để hệ thống Internet cập nhật.
Có trường hợp vài phút.
Có trường hợp lâu hơn.
Vì vậy đừng sửa DNS liên tục nếu mới thay record.
Website chuyên nghiệp nên chạy:
https://abc.comkhông phải:
http://abc.comHTTPS giúp:
SSL certificate là chứng chỉ bảo mật để website chạy HTTPS.
Có thể dùng Let's Encrypt miễn phí.
Trên server Ubuntu sử dụng Nginx thường có thể dùng Certbot.
Ví dụ:
certbot --nginx -d abc.com -d www.abc.comSau khi thành công:
https://abc.comsẽ hoạt động.
Cloudflare có thể đứng giữa khách và VPS.
Luồng:
Khách
Cloudflare có thể hỗ trợ:
Công thức hạ tầng cần nhớ khi website đã lên Internet
Một website AI hiện đại thường hoạt động như sau:
| NGƯỜI DÙNG ↓ DOMAIN ↓ DNS / CLOUDFLARE ↓ VPS ↓ NGINX ↓ WEBSITE / BACKEND ↓ DATABASE / AI API |
|---|
Chỉ cần hiểu sơ đồ này là đã nắm được phần lớn cách một website hoạt động.
PHẦN V
CẬP NHẬT, BẢO TRÌ VÀ TRÁNH LỖI
—
Không cần làm lại website.
Ví dụ yêu cầu:
| PROMPT / VÍ DỤ Thêm trang Bảng giá. |
|---|
AI sửa source.
Sau đó:
git add . git commit -m "add pricing page" git pushTrên VPS:
git pullSau đó:
npm install npm run build pm2 restart mywebsiteWebsite được cập nhật.
Mỗi lần sửa website:
| AI sửa code ↓ Test local ↓ Build local ↓ Push GitHub ↓ VPS git pull ↓ Build production ↓ Restart app ↓ Kiểm tra website |
|---|
Không nên sửa trực tiếp trên production nếu không cần thiết.
Có.
AI có thể:
Nhưng con người vẫn cần quyết định:
“Đẹp” không phải mục tiêu kinh doanh.
Nên nói:
| PROMPT / VÍ DỤ Website phải giúp khách hiểu sản phẩm và để lại số điện thoại trong vòng 1–2 phút. |
|---|
Phần lớn khách hàng có thể vào website bằng điện thoại.
Mobile phải được kiểm tra từ đầu.
Website nên sử dụng HTTPS.
Nên dùng Git/GitHub.
Source code mất có thể lấy lại từ Git.
Database mất có thể mất toàn bộ dữ liệu khách hàng.
Không nên viết:
| API_KEY=123456 |
|---|
trực tiếp trong code rồi push public GitHub.
Nên dùng biến môi trường .env.
PHẦN VI
PROMPT MẪU VÀ TÓM TẮT THỰC HÀNH
—
Bạn có thể copy prompt sau:
| PROMPT / VÍ DỤ Tôi là người không biết lập trình. Hãy đóng vai trò là kỹ sư phần mềm và UI/UX designer. Tôi muốn tạo website cho [TÊN DOANH NGHIỆP]. Lĩnh vực: [LĨNH VỰC]. Khách hàng mục tiêu: [KHÁCH HÀNG]. Mục tiêu website: [BÁN HÀNG / NHẬN LEAD / GIỚI THIỆU / ĐẶT LỊCH]. Website cần: - Trang chủ. - Giới thiệu. - Dịch vụ. - Sản phẩm. - Tin tức. - Liên hệ. Yêu cầu: - Responsive. - Mobile-first. - Tốc độ tốt. - SEO cơ bản. - Giao diện đơn giản. - Dễ sử dụng. Trước khi code, hãy đề xuất sitemap, user flow và cấu trúc trang chủ. Không yêu cầu tôi thực hiện các bước kỹ thuật nếu AI có thể tự thực hiện. |
|---|
| PROMPT / VÍ DỤ Hãy kiểm tra toàn bộ project như một senior developer. Kiểm tra: - lỗi code; - dependency; - responsive; - mobile; - link hỏng; - form; - validation; - SEO; - performance; - security cơ bản; - production build. Sửa các lỗi có thể sửa an toàn. Sau đó chạy lại build và test. Cuối cùng báo: - Files changed. - Tests. - Build status. - Known issues. - Ready for production: YES/NO. |
|---|
| PROMPT / VÍ DỤ Tôi là người không biết Linux. Website của tôi dùng [React/Next.js/Node.js]. VPS dùng Ubuntu. Domain là: [DOMAIN] IP VPS: [IP] Hãy hướng dẫn tôi deploy production từng bước. Cần sử dụng: - Git. - Node.js. - PM2. - Nginx. - HTTPS. Mỗi lần chỉ hướng dẫn thao tác cần thiết. Không được xóa dữ liệu hoặc thay đổi cấu hình hệ thống quan trọng nếu chưa giải thích. |
|---|
| PROMPT / VÍ DỤ Tôi có domain: [DOMAIN] VPS có IP: [IP] Tôi muốn: [DOMAIN] và www.[DOMAIN] cùng chạy website. Hãy cho tôi chính xác các DNS record cần tạo theo dạng: Type / Name / Value. Sau đó hướng dẫn cấu hình Nginx và HTTPS. |
|---|
Muốn làm website bằng AI, hãy nhớ:
1. Nói rõ mình muốn website gì.
2. AI thiết kế cấu trúc.
3. AI tạo source code.
4. Chạy thử trên máy.
5. Test và build.
6. Thuê hosting hoặc VPS.
7. Đưa source lên VPS.
8. Chạy app bằng PM2 hoặc dịch vụ tương đương.
9. Nginx nhận domain và chuyển vào app.
10. DNS A Record trỏ domain về IP VPS.
11. Cài SSL.
12. Website chạy tại:
https://tenmiencuaban.comÝ tưởng + AI + Source Code
Source Code + VPS
Toàn bộ hệ thống có thể nhớ bằng một dòng:
Ngày trước muốn làm website cần học HTML, CSS, JavaScript, server và nhiều công nghệ khác.
Ngày nay AI có thể đảm nhiệm phần lớn công việc kỹ thuật.
Người làm website không nhất thiết phải thuộc code.
Điều quan trọng hơn là biết:
mình muốn xây cái gì, cho ai sử dụng, và website cần tạo ra kết quả gì.
AI có thể viết hàng nghìn dòng code.
Nhưng người chủ dự án vẫn là người quyết định website đó có thực sự hữu ích hay không.
Với người mới, đừng cố học tất cả cùng lúc.
Chỉ cần nhớ quy trình:
Sau khi làm thành công một website theo quy trình này, những website tiếp theo sẽ dễ hơn rất nhiều.
Ghi chú phát hành
Tài liệu được biên soạn theo hướng thực hành cho người mới. Giao diện của nhà cung cấp domain, hosting, VPS và công cụ AI có thể thay đổi theo thời gian; vì vậy hãy ưu tiên hiểu nguyên lý thay vì học thuộc vị trí từng nút bấm.
HẾT
Phần quan trọng
Domain không tự biết website nằm ở đâu. DNS nối tên miền dễ nhớ với địa chỉ IP của VPS.
Domain → IP
| Type | Name | Value |
|---|---|---|
| A | @ | 123.45.67.89 |
Tên phụ → domain chính
| Type | Name | Value |
|---|---|---|
| CNAME | www | abc.com |
Ứng dụng riêng → IP
| Type | Name | Value |
|---|---|---|
| A | chat | 123.45.67.89 |
abc.com→port 3000chat.abc.com→port 3001download.abc.com→port 3002Một VPS có thể chạy nhiều website hoặc ứng dụng. Nginx nhìn domain và chuyển yêu cầu đến đúng cổng.
Lớp trung gian hữu ích
Cloudflare đứng giữa khách truy cập và VPS, có thể quản lý DNS, phân phối nội dung qua CDN, cache, SSL và hỗ trợ bảo vệ lưu lượng.
Bức tranh toàn cảnh
Nói rõ website cần làm
AI thiết kế cấu trúc
AI tạo source code
Chạy thử trên máy
Test và build
Thuê hosting hoặc VPS
Đưa source lên VPS
Chạy ứng dụng
Nginx nhận domain
DNS trỏ về VPS
Cài HTTPS
Website hoạt động
Dùng ngay với AI
Bốn prompt đầy đủ được lấy từ tài liệu gốc. Sao chép, điền thông tin của bạn và gửi cho AI.
Bạn có thể copy prompt sau: PROMPT / VÍ DỤ Tôi là người không biết lập trình. Hãy đóng vai trò là kỹ sư phần mềm và UI/UX designer. Tôi muốn tạo website cho [TÊN DOANH NGHIỆP]. Lĩnh vực: [LĨNH VỰC]. Khách hàng mục tiêu: [KHÁCH HÀNG]. Mục tiêu website: [BÁN HÀNG / NHẬN LEAD / GIỚI THIỆU / ĐẶT LỊCH]. Website cần: - Trang chủ. - Giới thiệu. - Dịch vụ. - Sản phẩm. - Tin tức. - Liên hệ. Yêu cầu: - Responsive. - Mobile-first. - Tốc độ tốt. - SEO cơ bản. - Giao diện đơn giản. - Dễ sử dụng. Trước khi code, hãy đề xuất sitemap, user flow và cấu trúc trang chủ. Không yêu cầu tôi thực hiện các bước kỹ thuật nếu AI có thể tự thực hiện.
PROMPT / VÍ DỤ Hãy kiểm tra toàn bộ project như một senior developer. Kiểm tra: - lỗi code; - dependency; - responsive; - mobile; - link hỏng; - form; - validation; - SEO; - performance; - security cơ bản; - production build. Sửa các lỗi có thể sửa an toàn. Sau đó chạy lại build và test. Cuối cùng báo: - Files changed. - Tests. - Build status. - Known issues. - Ready for production: YES/NO.
PROMPT / VÍ DỤ Tôi là người không biết Linux. Website của tôi dùng [React/Next.js/Node.js]. VPS dùng Ubuntu. Domain là: [DOMAIN] IP VPS: [IP] Hãy hướng dẫn tôi deploy production từng bước. Cần sử dụng: - Git. - Node.js. - PM2. - Nginx. - HTTPS. Mỗi lần chỉ hướng dẫn thao tác cần thiết. Không được xóa dữ liệu hoặc thay đổi cấu hình hệ thống quan trọng nếu chưa giải thích.
PROMPT / VÍ DỤ Tôi có domain: [DOMAIN] VPS có IP: [IP] Tôi muốn: [DOMAIN] và www.[DOMAIN] cùng chạy website. Hãy cho tôi chính xác các DNS record cần tạo theo dạng: Type / Name / Value. Sau đó hướng dẫn cấu hình Nginx và HTTPS.
Bắt đầu từ hôm nay
Không cần học thuộc hàng nghìn dòng code. Hãy hiểu quy trình, mô tả đúng yêu cầu và để AI hỗ trợ phần kỹ thuật.