1 Lê ðình Thanh, Kiến trúc ứng dụng web Lê ðình Thanh Bộ môn Mạng và Truyền thông Máy tính Khoa Công nghệ Thông tin Trường ðại học Công nghệ, ðHQGHN Bài giảng LẬP TRÌNH ỨNG DỤNG WEB 2 Lê ðình Thanh, Kiến trúc ứng dụng web Kiến trúc ứng dụng web Bài 1 3 Lê ðình Thanh, Kiến trúc ứng dụng web Nội dung • Kiến trúc của ứng dụng Web • HTTP • URL • HTTP Request • Request methods • HTTP Response 4 Lê ðình Thanh, Kiến trúc ứng dụng web Kiến trúc ứng dụng Web Web Client/Browser Web Server Microsoft Internet Explorer, Netcapse Navigator, Mozilla FireFox, Google Chrome… IIS, Apache, Tomcat, Sambar, Xitami … HTTP Yêu cầu ðáp ứng 5 Lê ðình Thanh, Kiến trúc ứng dụng web Web Browser Mã nguồn trang web ñược thể hiện bằng HTML, CSS javascript Web Browser Do Web Server gửi tới. Hiển thị trên màn hình máy tính •Gửi yêu cầu và nhận nội dung (mã nguồn HTML, CSS, javascript) trang web từ Web Server. •Biên dịch mã nguồn trang web và thể hiện kết quả trên màn hình. 6 Lê ðình Thanh, Kiến trúc ứng dụng web Web Browsers 7 Lê ðình Thanh, Kiến trúc ứng dụng web Microsoft IE 6.0 8 Lê ðình Thanh, Kiến trúc ứng dụng web Microsoft IE 8.0 9 Lê ðình Thanh, Kiến trúc ứng dụng web Mozilla FireFox 10 Lê ðình Thanh, Kiến trúc ứng dụng web Google Chrome 11 Lê ðình Thanh, Kiến trúc ứng dụng web Web Server Yêu cầu Web Browser Web Server ðáp ứng •Nhận yêu cầu của Web Browser, (sinh) gửi nội dung trang web cho Web Browser. 12 Lê ðình Thanh, Kiến trúc ứng dụng web Web Servers Tomcat Apache ASP, ASP.NET PHP JSP 13 Lê ðình Thanh, Kiến trúc ứng dụng web Web Server (2) • Tùy vào cách thức cung cấp nội dung trang Web của Web Server, ta có trang Web tĩnh hoặc ñộng. • Web tĩnh (static web): Nội dung trang web ñược lưu sẵn trong ñĩa cứng (.htm, .html). • Web ñộng (dynamic web): Nội dung trang web ñược ứng dụng Web sinh ra. – Có nhiều công nghệ sinh web ñộng như PHP, ASP, ASP.NET, JSP 14 Lê ðình Thanh, Kiến trúc ứng dụng web Web tĩnh *.htm, *.html 15 Lê ðình Thanh, Kiến trúc ứng dụng web Web ñộng *.aspx, *.jsp, *.php… *.htm, *.html 16 Lê ðình Thanh, Kiến trúc ứng dụng web Ứng dụng web • Web Server quản lý tất cả các ứng dụng web • Các ứng dụng web ñược tổ chức theo nhóm ứng dụng (Application Pool) • Một ứng dụng web sử dụng một cổng ñể giao tiếp với client (cổng mặc ñịnh là 80) • ðịa chỉ ứng dụng = ñịa chỉ máy (IP):số hiệu cổng = socket. 17 Lê ðình Thanh, Kiến trúc ứng dụng web Tài nguyên của ứng dụng web • Một ứng dụng web có các tài nguyên (tệp tài liệu, kịch bản, chương trình, …) • Web Server – Application Pool 1 • Application 1 – Resource 1 – Resource 2 • Application 2 • Application 3 – Application Pool 2 • Application 4 • ðịa chỉ của tài nguyên ñược xác ñịnh bằng URL. 18 Lê ðình Thanh, Kiến trúc ứng dụng web URL: Uniform Resource Location • URL hay ðịnh vị tài nguyên ñồng nhất dùng ñể xác ñịnh vị trí (toàn cầu) của một tài nguyên web • Một URL cho biết tên tài nguyên, tên ứng dụng, cổng chạy và ñịa chỉ máy chủ • http://uet.vnu.edu.vn:8080/daotao/Monhoc.aspx • Khi triệu gọi tài nguyên, client có thể gửi kèm theo URL các tham số và giá trị của tham số. Tham số sẽ ñược xử lý trên Server cùng với tài nguyên ñược gọi. ðịa chỉ Server Tên tài nguyên Cổng chạy webserver, mặc ñịnh là 80 Tên ứng dụng Giao thức 19 Lê ðình Thanh, Kiến trúc ứng dụng web HTTP (HyperText Transfer Protocol) • HTTP là giao thức dùng ñể truyền các tài liệu HTML và XML trên WWW. • Là giao thức không trạng thái: 1 giao tác (transaction) chỉ bao gồm 1 yêu cầu và 1 ñáp ứng yêu cầu ñó. • HTTP Request và HTTP Response… 20 Lê ðình Thanh, Kiến trúc ứng dụng web HTTP Request • Client gửi yêu cầu ñến Server bằng một thông báo yêu cầu (request message) • Một thông báo yêu cầu bao gồm một số dòng văn bản – Dòng ñầu tiên ñược gọi là ñầu yêu cầu (request header) chứa ba thông số: • Phương thức yêu cầu (request method): GET/ POST • URL • Phiên bản HTTP ñược sử dụng – Các dòng tiếp theo chứa thông tin về các kiểu tệp, tập ký tự ñược chấp nhận, phiên bản trình duyệt, hệ ñiều hành sử dụng trên client, … [...]... HTML 4.0 Final//EN”> Day la trang vi du Xin chao tat ca cac ban 25 Lê ðình Thanh, Ki n trúc ng d ng web Ti p theo T o và qu n tr ng d ng web 26 Lê ðình Thanh, Ki n trúc ng d ng web ... trúc ng d ng web Request method: POST • POST là phương th c khác ñư c s d ng ñ g i yêu c u t client ñ n server • Client ph i ch rõ phương th c yêu c u là POST thì POST m i ñư c s d ng • V i POST, – Các c p tham s /giá tr ñư c n i vào HTTP request và ñư c che d u – Không gi i h n s lư ng tham s – Các tham s không ñư c hi n th trên Address bar c a trình duy t 23 Lê ðình Thanh, Ki n trúc ng d ng web HTTP... thái (status line): Giao th c ñư c dùng, s tr ng thái và giá tr tr ng thái – ð u ñáp ng (response header): Ch a chu i các c p tên/giá tr , – D li u th c s : Trang HTML 24 Lê ðình Thanh, Ki n trúc ng d ng web HTTP Response – Ví d HTTP/1.1 200 OK Date: Sun, 27 Dec 2006 18:16:31 GMT Server: IIS (Win2000) Last-Modified: Tue, 22 Nov 2006 05:12:38 GMT Etag: d828b-371-376flb46” Accept-Ranges: bytes Connection:... accept: image/gif, image/jpeg, image/png, *.* accept-charset: iso-8858-1, *, utf-8 host: www.vnu.edu.vn accept-language: en user-agent: Internet Explorer/6.0 [en] (WinXP) 21 Lê ðình Thanh, Ki n trúc ng d ng web Request method: GET • GET là phương th c hay ñư c s d ng nh t ñ g i yêu c u t client ñ n server • Khi client không ch rõ yêu c u theo phương th c nào thì GET ñư c s d ng • V i GET, – Các c p tham s . Thanh, Kiến trúc ứng dụng web Microsoft IE 8.0 9 Lê ðình Thanh, Kiến trúc ứng dụng web Mozilla FireFox 10 Lê ðình Thanh, Kiến trúc ứng dụng web Google Chrome 11 Lê ðình Thanh, Kiến trúc ứng dụng web Web. ỨNG DỤNG WEB 2 Lê ðình Thanh, Kiến trúc ứng dụng web Kiến trúc ứng dụng web Bài 1 3 Lê ðình Thanh, Kiến trúc ứng dụng web Nội dung • Kiến trúc của ứng dụng Web • HTTP • URL • HTTP Request • Request. trúc ứng dụng web Web tĩnh *.htm, *.html 15 Lê ðình Thanh, Kiến trúc ứng dụng web Web ñộng *.aspx, *.jsp, *.php… *.htm, *.html 16 Lê ðình Thanh, Kiến trúc ứng dụng web Ứng dụng web • Web Server