Chương 8 - Công nghệ và dịch vụ Web. Những nội dung chính trong chương gồm: giới thiệu các ứng dụng phân tán, kiến trúc hướng dịch vụ, Web service & lập trình Web service, giới thiệu Ajax, dùng Ajax với đối tượng XmlHttpRequest, dùng Ajax với thư viện AJax ASP.net. Mời các bạn cùng tham khảo.
LẬP TRÌNH WEB ASP.NET VỚI C# Giảng Viên: Th.S Phạm Đào Minh Vũ Email: phamdaominhvu@yahoo.com Chương Công Nghệ Và Dịch Vụ Web 8.1 Dịch vụ web – Webservice 8.2 Công nghệ web – Ajax 324 Khoa CNTT,Trường CĐ CNTT TP.HCM 8.1 Webservice – nội dung GIỚI THIỆU CÁC ỨNG DỤNG PHÂN TÁN KIẾN TRÚC HƯỚNG DỊCH VỤ WEB SERVICE & LẬP TRÌNH WEB SERVICE 325 Khoa CNTT,Trường CĐ CNTT TP.HCM 8.1.1 CÁC ỨNG DỤNG PHÂN TÁN Dữ liệu Ứng dụng phân tán Máy tính Dữ liệu Máy tính 326 Khoa CNTT Trường CĐ CNTT TP.HCM 8.1.1 CÁC ỨNG DỤNG PHÂN TÁN Xem thông tin thời tiết Thông tin ngoại tệ Dịch tự động Kiểm tra thông tin thẻ Xem thơng tin sân bay Đặt phịng khách sạn … 327 Khoa CNTT Trường CĐ CNTT TP.HCM 8.1.2 VẤN ĐỀ KHI THIẾT KẾ HỆ PHÂN TÁN Provider C Firewall Firewall Internet Firewall Client Web Service 328 Khoa CNTT Trường CĐ CNTT TP.HCM 8.1.3 WEB SERVICE WEB SERVICE LÀ GÌ? KIẾN TRÚC WEB SERVICE XÂY DỰNG WEB SERVICE SỬ DỤNG WEB SERVICE 329 Khoa CNTT Trường CĐ CNTT TP.HCM 8.1.3.1 ĐỊNH NGHĨA • Là tập phương thức gọi từ xa thông qua địa URL tổ chức, cá nhân cung cấp • Giao định dạng chuẩn XML • Được sử dụng để tạo ứng dụng phân tán 330 Khoa CNTT Trường CĐ CNTT TP.HCM 8.1.3.2 ĐẶC ĐIỂM Khơng phụ thuộc vào ngơn ngữ lập trình Được truy cập từ ứng dụng Hỗ trợ thao tác thành phần không đồng Chi phí phát triển thấp Dễ bảo trì 331 Khoa CNTT Trường CĐ CNTT TP.HCM 8.1.3.3 KIẾN TRÚC WEBSERVICE Service Broker Publish Service Provider Find Bind Service Consumer 332 Khoa CNTT Trường CĐ CNTT TP.HCM Ví dụ : (tt) Viết hàm xử lý kiện Hello function Hello() { httpRequest = GetXmlHttpObject(); var url = "Default.aspx"; httpRequest.onreadystatechange = handler; httpRequest.open("GET", url, true); httpRequest.send(null); } 373 Trường CĐ CNTT TpHCM Ví dụ : (tt) Hàm bắt trạng thái XmlHttpRequest var httpRequest; function handler() { if (httpRequest.readyState == 4) { document.getElementById("result").innerHTML = httpRequest.responseText; } } 374 Trường CĐ CNTT TpHCM Ví dụ : (tt) Trang Default.aspx Hoặc viết phương thức pageload trang Default.aspx.cs protected void Page_Load(object sender, EventArgs e) { Response.Write(DateTime.Now.ToString()); } 375 Trường CĐ CNTT TpHCM Ví dụ : (tt) Kết : Khi click vào liên kết nội dung thẻ div tải lại từ server không tải trang web 376 Trường CĐ CNTT TpHCM Chú ý • Nếu liệu từ server gửi liệu có cấu trúc : Xml, DataTable, Array,… hàm handle phải viết lại để phân tích liệu xuất hình 377 Trường CĐ CNTT TpHCM Ví dụ : Cộng hai số Hàm Tinhtong() trang cong2so.htm Hàm xử lý trang conghaiso.aspx 378 function Tinhtong() { var a, b ; a = document.getElementById("txt_a").value; b = document.getElementById("txt_b").value; var thamso = "a=" + a + "&b=" + b; var url = "Conghaiso.aspx?"+thamso; httpRequest= GetXmlHttpObject(); httpRequest.onreadystatechange = handler; httpRequest.open("GET", url, true); httpRequest.send(null); } protected void Page_Load(object sender, EventArgs e) { int a = int.Parse(Request["a"].ToString()); int b = int.Parse(Request["b"].ToString()); int s = a + b; Response.Write(s.ToString()); } Trường CĐ CNTT TpHCM Ví dụ : Cộng hai số var httpRequest; function handler() {…} function Tinhtong() {…} function GetXmlHttpObject() {…} Nhập số A : Nhập số B : Tổng : 379 Trường CĐ CNTT TpHCM Ajax với đối tượng ASP.NET AJAX • ASP.NET AJAX thành phần mở rộng ASP.NET 2.0, cho phép phát triển ứng dụng web với tính AJAX • ASP.NET bao gồm framework script client, control server, … • Việc sử dụng ASP.NET đơn giản sử dụng thư viện control ASP.NET • Update Panel control ASP.NET AJAX 380 Trường CĐ CNTT TpHCM Cài đặt ASP.NET AJAX control toolkit • Tải control địa http://ajaxcontroltoolkit.codeplex.com/releases/view/43 475 • Hiện control AJAX có phiên • Toolkit 2.0 : Net Framework 1.1, 2.0 (VS 2003, 2005) • Toolkit 3.5 : Net Framework 3.0, 3.5 (VS 2008) • Toolkit : Net Framework 4.0 (VS 2010) 381 Trường CĐ CNTT TpHCM Cài đặt ASP.NET AJAX control toolkit (tt) • Sau tải Toolkit, mở VS tương ứng kéo file AjaxControlToolkit.dll vào toolbox • Tạo project Website với Framework tương ứng mở toolbox (sẽ thấy control AJAX) 382 Trường CĐ CNTT TpHCM Ứng dụng : Sách theo giá • Trang liệt kê sách theo giá chưa sử dụng AJAX • Mỗi chọn giá, trang web phải thực mã lệnh server, load toàn trang web lại để thị danh sách 383 Trường CĐ CNTT TpHCM Ứng dụng : Sách theo giá (tt) • Sử dụng Update Panel • Update Panel control cho phép việc thực load liệu từ server xảy cục Panel • Thực • Kéo thả control Script Manager vào trang web (các trang web có sử dụng AJAX cần phải có control Script Manager để quản lý script) • Kéo thả control Update Panel vào trang web • Kéo control nguyên nhân việc load lại trang web control hiển thị nội dung vào Update Panel • Chạy trang web 384 Trường CĐ CNTT TpHCM Ứng dụng : Sách theo giá (tt) • Trang web load lại nội dung Update Panel 385 Trường CĐ CNTT TpHCM Ứng dụng : CHÚ Ý Đối với VS2005 cài đặt gói AJAX sau có Website phải làm thêm bước sau : Chép file ajaxextensions.dll vào thư mục bin ứng dụng web hành Chỉnh sửa lại file webconfig cách : tạo Website có hỗ trợ AJAX File->New Website>ASP.NET AJAX-Enabled Web Site->OK sau copy nội dụng file Webconfig Website vào file WebConfig Website củ (chỉnh lại chuỗi kết nối có) 386 Trường CĐ CNTT TpHCM Mở rộng • Ta sử dụng thêm control Ajax Control Toolkit để phát triển ứng dụng web, nâng cao khả tốc độ truy xuất cho website 387 Trường CĐ CNTT TpHCM .. .Chương Công Nghệ Và Dịch Vụ Web 8. 1 Dịch vụ web – Webservice 8. 2 Công nghệ web – Ajax 324 Khoa CNTT,Trường CĐ CNTT TP.HCM 8. 1 Webservice – nội dung GIỚI THIỆU... TP.HCM 8. 1.3.4 ngôn ngữ WSDL Trang webservice mô tả ngôn ngữ WSDL (Web Service Description Languague) 337 Khoa CNTT Trường CĐ CNTT TP.HCM 8. 1.3.5 SỬ DỤNG WEBSERVICE Sử dụng webservice ASP.NET. .. CĐ CNTT TP.HCM 8. 1.2 VẤN ĐỀ KHI THIẾT KẾ HỆ PHÂN TÁN Provider C Firewall Firewall Internet Firewall Client Web Service 3 28 Khoa CNTT Trường CĐ CNTT TP.HCM 8. 1.3 WEB SERVICE WEB SERVICE LÀ GÌ?