Web browser là giao diện người sử dụng phía máy trạm dùng để: Gửi yêu cầu và nhận nội dung trang web từ Web server Thông dịch trang HTML, CSS và thực thi các kịch bản JavaScript nhận được Xuất kết quả ra màn hình
Lập trình web Internet Yêu cầu HTTP Đáp ứng Chạy trình duyệt web Web brower (IE, Google Chrome, Safari, Netcape, Firefox…) -Chạy trình phục vụ (Web Server): IIS, Tomcat… - Tương tác với máy trạm hệ thống hỗ trợ dịch vụ (backend) Web browser giao diện người sử dụng phía máy trạm dùng để: • Gửi yêu cầu nhận nội dung trang web từ Web server • Thơng dịch trang HTML, CSS thực thi kịch JavaScript nhận • Xuất kết hình Trang web dạng (X)HTML, kịch JavaScript, CSS… Yêu cầu CSS HTML JAVA script Xuất kết hình • Là thành phần hệ thống dịch vụ • Nhận yêu cầu từ Web Clients qua Web Browsers • Sinh gửi nội dung trang web dạng HTML, CSS đoạn mã kịch JavaScripts • Tương tác với hệ thống hỗ trợ dịch vụ (backend system) • Thường hệ quản trị sở liệu • Dựa vào cách thức sinh cung cấp trang web Web Server mà người ta chia ứng dụng web làm loại: Web tĩnh (static web) Web động (dynamic web) • Web tĩnh: • Được lưu trữ dạng tệp htm html • Cùng trả dạng với lần yêu cầu • Muốn thay đổi nội dung cần phải thay đổi tệp html • Web động: • Chứa chế sinh nội dung cho trang web cách động • Khơng cần sửa đổi tệp (vd: tệp aspx) có thay đổi nội dung • Nội dung trang thường có từ việc trích xuất từ nguồn liệu khác (ví dụ: CSDL, XML…) • Các ứng dụng web Web Server quản lý • Web Server tổ chức ứng dụng web thành nhóm ứng dụng • Một ứng dụng web sử dụng cổng để giao tiếp với client • Mỗi ứng dụng web có tài nguyên riêng: Tệp tài liệu Hình ảnh Kịch • Địa tài ngun truy xuất thơng qua URL • Được gọi “Định vị tài nguyên thống nhất” • Được sử dụng để xác định vị trí (tồn cầu) tài ngun • Ví dụ: http://www.hdu.edu.vn:73/hongduc/default.aspx Địa Server Cổng sử dụng Tên ứng dụng Tệp tài nguyên • Là giao thức dùng đề truyền tải liệu dạng HTML, XML môi trường mạng (World Wide Web) • Là giao thức khơng trạng thái: giao tác gồm yêu cầu đáp ứng u cầu • Khi trình duyệt (client) kết nối tới web server gửi HTTP Request tới web server • Web Server sau nhận xử lý yêu cầu gửi HTTP Respone – đáp ứng lại cho Client • Một HTTP Request gửi từ Client đến Web Server tệp có định dạng: • Dịng gọi đầu 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 HTTP sử dụng • Các dòng chứa thông tin kiểu tệp, tập ký tự chấp nhận, phiên trình duyệt, hệ điều hành sử dụng client, … • Ví dụ: Một HTTP Request gửi từ Client: Phương thức: GET URL: /index.html Phiên HTTP: 1.1 Các thông tin mô tả khác • Là phương thức thường xuyên sử dụng trình duyệt gửi u cầu • Nếu Client khơng rõ phương thức sử dụng mặc định hiểu sử dụng phương thức GET • Chúng ta sử dụng phương thức GET yêu cầu trang web (web page) • Khi sử dụng phương thức GET: • • • Các tham số giá trị tham số (nếu có) nối vào với URL Chuỗi tham số hiển thị address bar trình duyệt Chiều dài URL có hạn chuỗi tham số bị giới hạn Tham số = giá trị • Ví dụ: http://www.hdu.edu.vn:73/hongduc/Khoa.aspx?makhoa=1 • Là phương thức sử dụng trình duyệt gửi yêu cầu • Chúng ta sử dụng phương thức POST cần gửi liệu để xử lý • Khi sử dụng phương thức POST: • Các cặp tham số/giá trị nối vào HTTP request che dấu • Khơng giới hạn số lượng tham số • Các tham số không hiển thị Address bar trình duyệt • Dữ liệu server gửi cho client định dạng HTTP Response • Một HTTP Response bao gồm • Dịng trạng thái (status line): Giao thức dùng, mã trạng thái giá trị trạng thái • Đầu đáp ứng (response header): Chứa chuỗi cặp tên/giá trị, • Dữ liệu thực sự: Trang HTML • Ví dụ: HTTP Response gửi từ web server Phiên HTTP: 1.1 Mã trạng thái: 200 Mô tả trạng thái: OK Response Headers: mô tả thông tin Web Server Web Page Nội dung trang HTML gửi Browser Các kịch JavaScript thực thi ở: A Client B Server C Được dịch từ Server gửi Client thực thi D Được gọi từ Client thực thi Server Nội dung mà Web Server gửi Client là: A Trang HTML kịch JavaScript dịch B Trang HTML kịch JavaScript lưu Server C Là trang mà Client gửi lên Server dịch kịch JavaScript D Trang HTML kịch JavaScript Anh (chị) nêu điểm khác web tĩnh web động? Khi ta nên sử dụng phương thức POST, GET? HTTP Request HTTP Response khác điểm nào? Web Browser xử lý trang web nhận từ Web Server trước hiển thị hình? Hãy kể tên trình duyệt web sử dụng nay?