TỔNG QUAN VỀ THIẾT KẾ Nội dung • • • • Giới thiệu Internet Kiến trúc ứng dụng web Ứng dụng web Giao thức HTTP Giới thiệu Internet  Lịch sử  Mạng Internet xuất phát từ mạng Arpanet Mỹ (1969) – mạng trường đại học  1989 – Tim Berners Lee phát minh giao thức World Wide Web, sau Hypertext Markup Language – HTML  1990 – Tim viết trình duyệt (Web Browser) Web server  Việt Nam có Internet vào tháng 11/1997 Giới thiệu Internet  Internet tập hợp máy tính nối mạng giới nhằm trao đổi thông tin với thơng qua TCP/IP (Transmission Control Protocol/Internet Protocol) Ví như: Những đường nối những nhà để cho phép xe cộ lại từ nhà sang ngồi nhà khác giới Thay vào đó đường cable, nhà computer, xe cộ lại information  Mang lại nhiều tiện ích hữu dụng cho người sử dụng, bật dịch vụ thư điện tử (email), trò chuyện trực tuyến (chat) truy tìm dữ liệu (search engine) Dịch vụ dùng phổ biến Internet World Wide Web (WWW, thường gọi tắt Web) Client, server Client, server  Một có thông tin -> server  Một đòi hỏi ->client  Client (Web browser, email client, messenger app, video stream service)  Server (website, your emails, messeages, movies) Kiến trúc ứng dụng web Internet Yêu cầu HTTP Đáp ứng Web Server Web Client Chạy trình duyệt web - Web -Chạy trình phục vụ (Web Server): IIS, brower (IE, Google Chrome, Safari, Tomcat… Netcape, Firefox…) - 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 để: Web Browser • Gửi u cầu nhận nợi dung trang web từ Web server 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 Web Browser JAVA script Xuất kết hình Web Server  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ở dữ liệu Web Server(2)  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ả một 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 một 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ừ mợt ng̀n dữ liệu khác (ví dụ: CSDL, XML…) Web tĩnh  Là trang web trình bày dạng văn Nợi dung trang tạo lúc thiết kế không thay đổi có người dùng truy cập  Được viết ngôn ngữ HTML không có kết nối sở dữ liệu (CSDL)  trang web tĩnh xem tài liệu, lưu trữ web server không thay đổi  Khi người dùng yêu cầu, web browser gửi HTTP request tới webserver  Web server nhận yêu cầu truy hồi tệp tin web tĩnh trả cho web browser qua HTTP response  Web browser nhận HTTP response, render (thông dịch) hiển thị 10 Web động  Là trang web có nội dung lấy từ CSDL  Web động thường tạo từ chương trình chạy server  Webserver nhận yêu cầu gửi cho web application xử ly  Web application dựa vào tham số request (thông thường với truy vấn vào CSDL) để xử ly yêu cầu  Web application xử ly xong yêu cầu, tạo trang HTML gửi webserver  Web server gửi trang HTML cho web browser thông qua HTTP response 11 Ứng dụng web – web application  Các ứng dụng web Web Server quản ly  Web Server tổ chức ứng dụng web thành từng nhóm ứng dụng  Một ứng dụng web sử dụng một 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 nguyên truy xuất thông qua URL  Các ứng dụng web xây dựng ASP.NET IIS web server, ASP.NET web application 12 URL – Uniform Resource Location  Được gọi “Định vị tài nguyên thống nhất”  Đường dẫn tới một trang web cụ thể Internet  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 13 HTTP – HyperText Transfer Protocol  Là giao thức dùng đề truyền tải dữ 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 yêu cầu đó  Khi một trình duyệt (client) kết nối tới mợt web server nó gửi một HTTP Request tới web server  Web Server sau nhận xử ly yêu cầu gửi một HTTP Respone – đáp ứng lại cho Client 14 HTTP Request  Một HTTP Request gửi từ Client đến Web Server một tệp có định dạng:  Dòng gọi đầ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 HTTP sử dụng  Các dòng chứa thông tin kiểu tệp, tập ky tự chấp nhận, phiên trình duyệt, hệ điều hành sử dụng client, … 15 HTTP Request (2) • 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 16 HTTP Request (3) – Phương thức GET  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 một 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 Ví dụ: Tham số = giá trị http://www.hdu.edu.vn:73/hongduc/Khoa.aspx?makhoa=1 17 HTTP Request (4) – Phương thức POST  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 dữ liệu để xử ly  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 18 HTTP Response  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 19 HTTP Response (2) • Ví dụ: mợt 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 20 ...  Server (website, your emails, messeages, movies) Kiến trúc ứng dụng web Internet Yêu cầu HTTP Đáp ứng Web Server Web Client Chạy trình duyệt web - Web -Chạy trình phục vụ (Web Server):... trữ web server không thay đổi  Khi người dùng yêu cầu, web browser gửi HTTP request tới webserver  Web server nhận yêu cầu truy hồi tệp tin web tĩnh trả cho web browser qua HTTP response  Web. ..  Web application xử ly xong yêu cầu, tạo trang HTML gửi webserver  Web server gửi trang HTML cho web browser thông qua HTTP response 11 Ứng dụng web – web application  Các ứng dụng web Web