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:
Phương án 1 (Recomment): Người quản trị website cần tách nội dung Static để hoạt động trên một subdomain (ví dụ: static.innotechlab.click) hoặc domain mới (như trường hợp triển khai với Origin có nội dung Static và Dynamic hoạt động trên các domain khác nhau). Sau đấy cấu hình nguyên nội dung Static với domain mới này (static.innotechlab.click ) qua CDN (tham khảo tài liệu các bước cấu hình). Sau đó người quản trị cần thay thế các đường dẫn Static cũ bằng đưỡng dẫn qua CDN.
Phương án 2: Người quản trị không thể tách được nội dung Static thì có thể cấu hình cho toàn bộ (cả nội dung Static và Dynamic) qua CDN (với ví dụ trên thì cấu hình Origin là IP Adress của webserver hoặc domain đang trỏ tới tài nguyên) (tham khảo tài liệu các bước cấu hình). Trong quá trình cấu hình cần xác định rõ các Path chứa nội dung Static để tạo Cache Rule chỉ cache các nội dung thuộc Path (tham khảo cấu hình Cache Rule), tránh trường hợp cache cả nội dung Dynamic sẽ ảnh hưởng đến trải nghiệm với người dùng website.
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
Trường hợp này người dùng chỉ cấu hình nguyên nội dung Static với Origin domain static.vnncdn.net qua CDN (tham khảo tài liệu các bước cấu hình). Sau đó người quản trị cần thay thế các đường dẫn Static cũ bằng đưỡng dẫn qua CDN
Last updated
