Usecases triển khai
Trong một website, tài nguyên tĩnh và tài nguyên động đóng vai trò quan trọng trong cách nội dung được phục vụ và hiển thị cho người dùng
Tài nguyên tĩnh (Static Resources) là các tệp mà nội dung của chúng không thay đổi khi được yêu cầu từ máy chủ. Chúng thường là các tệp cố định được lưu trữ và phục vụ trực tiếp mà không cần phải qua xử lý hoặc tạo ra mỗi khi có yêu cầu từ người dùng.
Ví dụ về tài nguyên tĩnh:
HTML: Các tệp HTML cơ bản cung cấp cấu trúc cho trang web.
CSS: Các tệp CSS tạo kiểu dáng và bố cục cho các trang web.
JavaScript: Các tệp JavaScript cung cấp chức năng tĩnh, không thay đổi như các script đơn giản để thực hiện các hành động trên trang.
Hình ảnh: Các tệp hình ảnh (JPG, PNG, GIF) hiển thị trên trang web.
Tài liệu: Các tệp PDF, DOC, v.v. cung cấp nội dung không thay đổi.
Ví dụ cụ thể:
Trang chủ của một blog: Tệp HTML cơ bản của trang chủ được tải mỗi khi có người truy cập.
CSS stylesheet: Tệp styles.css được sử dụng để định dạng các trang của website.
Tài nguyên động (Dynamic Resources) là các tệp hoặc dữ liệu được tạo ra hoặc xử lý theo yêu cầu của người dùng. Nội dung của các tài nguyên này có thể thay đổi tùy thuộc vào các yếu tố như yêu cầu của người dùng, dữ liệu từ cơ sở dữ liệu, hoặc các biến khác.
Ví dụ về tài nguyên động:
Trang web được tạo động: Các trang HTML được tạo bởi các ngôn ngữ lập trình server-side như PHP, Python (Django, Flask), Ruby (Ruby on Rails), hoặc Java (Spring).
Kết quả tìm kiếm: Các trang kết quả tìm kiếm được tạo ra dựa trên truy vấn của người dùng.
Dữ liệu từ cơ sở dữ liệu: Các trang hiển thị dữ liệu từ cơ sở dữ liệu như hồ sơ người dùng, bài viết trên blog, hoặc sản phẩm trong cửa hàng trực tuyến.
API responses: Các phản hồi từ API cung cấp dữ liệu động cho ứng dụng.
Ví dụ cụ thể:
Trang sản phẩm của một cửa hàng trực tuyến: Khi người dùng truy cập vào một trang sản phẩm, dữ liệu về sản phẩm (giá, mô tả, đánh giá) được truy xuất từ cơ sở dữ liệu và hiển thị trên trang.
Bảng điều khiển của người dùng: Một trang hiển thị thông tin cá nhân, đơn hàng và các tương tác khác của người dùng, được tạo động từ cơ sở dữ liệu mỗi khi người dùng đăng nhập.
Triển khai với Origin có nội dung Static và Dynamic hoạt động trong cùng một domain
Ví dụ thực tế Origin domain innotechlab.click đang cấu hình nội dung Static và Dynamic cùng trong một domain
Tài nguyên Static (image, video, css, js), tài nguyên động (trang HTML được tạo bởi ngôn ngữ lập trình) hoạt động trên cùng một domain static.innotechlab.click
Trường hợp này người dùng có 2 phương án triển khai:
Triển khai với Origin có nội dung Static và Dynamic hoạt động trên các domain khác nhau
Ví dụ thực tế Origin báo điện tử domain vietnamnet.vn có nội dung Static và Dynamic hoạt động khác domain:
Tài nguyên Static (image, video, css, js) hoạt động tại domain static.vnncdn.net
Tài nguyên Dynamic (API, trang HTML được tạo bởi ngôn ngữ lập trình) hoạt động tại domain vietnamnet.vn
Last updated
