Bài giảng Xây dựng và triển khai Web Service cho ứng dụng di động - Bài 4: Tương tác giữa Web Service với ứng dụng trên thiết bị di động (Mới)

 Bài 4: Tương tác giữa Web Service với ứng dụng trên thiết bị di động 
Ngành Mạng & Thiết bị di động 
www.t3h.vn 
Giới thiệu các dạng dữ liệu tương tác giữa Web Service với ứng dụng trên TBDĐ 
Tổng quan về JSON 
T ạo JSON bằng .Net Web Service 
Tương tác giữa Web Service với ứng dụng trên TBDĐ 
Nội dung 
Xây dựng và triển khai Web Service cho ứng dụng di động 
2 
1. Giới thiệu các dạng dữ liệu tương tác giữa Web Service với ứng dụng trên TBDĐ 
Xây dựng và triển khai Web Service cho ứng dụng di động 
3 
XML - eXtensible Markup Language 
Là ngôn ngữ đánh dấu với mục đích chung do W3C đề nghị. 
Là một dạng chuẩn cho phép lưu các thông tin hướng cấu trúc, được tổ chức dưới dạng thẻ (tag) tương ứng. 
Các thẻ (tag) của XML thường không được định nghĩa trước mà chúng được tạo ra theo quy ước của người, (hoặc Chương trình) tạo ra XML theo những quy ước của chính người tạo. 
Giúp đơn giản hóa việc chia sẻ dữ liệu giữa các hệ thống khác nhau, đặc biệt là các hệ thống được kết nối với Internet. 
S ử dụng các khai báo kiểu dữ liệu DTD (Document Type Definition) hay lược đồ Schema để mô tả dữ liệu. 
1. Giới thiệu các dạng dữ liệu tương tác giữa Web Service với ứng dụng trên TBDĐ 
Xây dựng và triển khai Web Service cho ứng dụng di động 
4 
XML - eXtensible Markup Language 
Ví dụ: 
1. Giới thiệu các dạng dữ liệu tương tác giữa Web Service với ứng dụng trên TBDĐ 
Xây dựng và triển khai Web Service cho ứng dụng di động 
5 
JSON - JavaScript Object Notation 
Định nghĩa dữ liệu theo ngôn ngữ JavaScript, tiêu chuẩn ECMA-262 năm 1999. 
Là một định dạng văn bản đơn giản với các trường dữ liệu được lồng vào nhau. 
Giới thiệu các dạng dữ liệu tương tác giữa Web Service với ứng dụng trên TBDĐ 
Tổng quan về JSON 
JSON là gì? 
Tạo sao nên sử dụng JSON? 
Cú pháp JSON 
Cấu trúc xây dựng JSON 
Các kiểu dữ liệu JSON 
T ạo JSON bằng .Net Web Service 
Tương tác giữa Web Service với ứng dụng trên TBDĐ 
Nội dung 
Xây dựng và triển khai Web Service cho ứng dụng di động 
6 
2. 1 JSON là gì? 
Xây dựng và triển khai Web Service cho ứng dụng di động 
7 
JSON - JavaScript Object Notation 
Định nghĩa dữ liệu theo ngôn ngữ JavaScript, tiêu chuẩn ECMA-262 năm 1999. 
Là một định dạng văn bản đơn giản với các trường dữ liệu được lồng vào nhau. 
Dùng để trao đổi dữ liệu giữa các thành phần của một hệ thống tương thích với hầu hết các ngôn ngữ C, C++, C#, Java, JavaScript, Perl, Python... 
2. 2 Tại sao nên sử dụng JSON? 
Xây dựng và triển khai Web Service cho ứng dụng di động 
8 
Có thể đọc hiểu và dễ dàng tiếp cận (human-readability). 
Dữ liệu truyền tải ngắn gọn so với những định dạng dữ liệu khác như: XML, HTML ,  → T iết kiệm dung lượng hơn XML , HTML,... 
Dễ dàng chuyển đổi (parse) dữ liệu từ dạng chuỗi (nhận từ server) sang dữ liệu có thể sử dụng được (thành Object, Number, Array). 
Dễ truy cập nội dung. 
Với những ứng dụng AJAX lấy và xử lý dữ liệu từ 1 web service nào đó khác domain. Nếu nội dung trả về có dạng JSON thì javascript từ trang web của chúng ta có thể trực tiếp truy cập ( dùng lệnh eval) . 
C ó cách phân tích xử lý đơn giản, chỉ qua 1 bước (chuyển chuỗi nhận được từ máy chủ sang dữ liệu có thể sử dụng được) 
2. 3 Cú pháp JSON? 
Xây dựng và triển khai Web Service cho ứng dụng di động 
9 
Cú pháp JSON là một tập hợp con của cú pháp đối tượng JavaScript: 
Dữ liệu là các cặp tên/giá trị (name/values) 
Dữ liệu được phân cách bằng dấu phẩy 
Đối tượng nằm trong cặp ngoặc nhọn ‘{}’ 
Dấu ngoặc vuông giữ mảng ‘[]’ 
Để kiểm tra cú pháp chuỗi JSON , chúng ta có thể truy cập vào trang  để kiểm tra. 
2. 3 Cú pháp JSON? 
Xây dựng và triển khai Web Service cho ứng dụng di động 
10 
C ặp tên và giá trị (name & values) của JSON 
Dữ liệu JSON được viết trong cặp Tên / Giá trị. 
Một cặp Tên/Giá trị chứa tên 1 trường (trong dấu nháy đôi “” ), theo sau là dấu phẩy, cuối cùng là giá trị . 
	Ví dụ: 
	"ten" : "An" 
2. 3 Cú pháp JSON? 
Xây dựng và triển khai Web Service cho ứng dụng di động 
11 
Tập tin JSON ( JSON Files ) 
Kiểu tập tin (file) của JSON là ".json" 
Kiểu MIME của JSON là "application/json" 
2. 3 Cấu trúc xây dựng JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
12 
Đ ược xây dựng trên 2 cấu trúc chính : 
Tập hợp của các cặp tên và giá trị name-value 
	Các kiểu thể hiện: 
	 1 đối tượng ( object ), sự ghi (record), cấu trúc (struct), từ điển (dictionary), bảng băm (hash table), danh sách khoá 	 (keyed list), hay mảng liên hợp. 
T ập hợp các giá trị đã được sắp xếp 
	Các kiểu thể hiện: 
	 1 mảng, véc tơ, tập hợp hay là 1 dãy tuần tự ( sequence ) . 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
13 
J SON có 5 kiểu dữ liệu chính : 
Kiểu số ( Number ) 
Kiểu chuỗi ( String ) 
Kiểu mảng ( Array ) 
Kiểu đối tượng ( Object ) 
Giá trị (Value) 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
14 
Kiểu đối tượng (Object) 
1 đối tượng là 1 hổn độn của các cặp tên và giá trị. 
1 đối tượng bắt đầu bởi dấu ngoặc đơn trái { và kết thúc với dấu ngoặc đơn phải }. 
Từng tên được theo sao bởi dấu 2 chấm (:) và các cặp tên/giá trị được tách ra bởi dấu phẩy ( , ) . 
1 đ ối tượng có thể chứa nhiều cặp t ên/ g iá trị (Name/Values) 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
15 
Kiểu đối tượng (Object) 
Ví dụ: 
{ “ten":“An" , “ho":“Nguyen" } 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
16 
Kiểu mảng (Array) 
1 mảng là 1 tập hợp các giá trị đã được sắp xếp. 
1 mảng bắt đầu bởi dấu mở ngoặc vuông [ và kết thúc với dấu ngoặc vuông phải ]. 
Các giá trị được cách nhau bởi dấu phẩy ( , ) . 
1 mảng có thể chứa nhiều đối tượng. 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
17 
Kiểu mảng (Array) 
Ví dụ 
{ 
	" NhanVien": 
	 [ 
	 {"tenNV": " An" , " hoNV": " Nguyễn" }, 
	 {"tenNV": " Bình" , " hoNV": " Trần" }, 
	 { " tenNV": " Châu" , " hoNV": " Lê" } 
	 ] 
} 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
18 
Kiểu giá trị (Value) 
Giá trị JSON có thể là: 
1 số (nguyên (integer) hay số thực (floating point)) 
1 chuỗi (nằm trong dấu nháy đôi "" ) 
1 số luận lý (true hoặc false) 
1 mảng (nằm trong dấu ngoặc vuông []) 
1 đối tượng (nằm trong dấu ngoặc nhọn {}) 
Kiểu null 
Những cấu trúc này có thể đã được lồng vào nhau. 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
19 
Kiểu giá trị (Value) 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
20 
Kiểu chuỗi (String) 
1 chuỗi ( string ) là 1 tập hợp của các số hay mẫu tự Unicode, được bao bọc trong các dấu trích dẫn kép (") . 
Dùng dấu chéo (/) để thoát khỏi 1 chuỗi. 
1 ký tự đã được hiển thị như là 1 chuỗi ký tự đơn độc. 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
21 
Kiểu chuỗi (string) 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
22 
Kiểu số (Number) 
Giống với kiểu số trong C và Java, trừ định dạng bát phân và hex là không thể dùng. 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
23 
Ví dụ sử dụng các kiểu dữ liệu JSON 
{ 
SVNganhCNTT: 
 [ 
 {hoTen: “Nguyễn Văn An”, tuoi: 21, nam: true, queQuan: “Đồng Tháp”}, 
 {hoTen: “Trần Văn Bình”, tuoi: 22, nam: true,queQuan:“Hồ Chí Minh”}, 
 {hoTen: “Lê Thị Châu”, tuoi: 23, nam: false, queQuan: “Vĩnh Long” } 
 ], 
SVNganhCNSH: 
 [ 
 {hoten: “Trần Văn Bông”, tuoi: 24, nam: true, queQuan: “Long An”}, 
 {hoten: “Nguyễn Thị Hoa”, tuoi: 22, nam: false, queQuan: “Cần Thơ”}, 
 ] 
} 
2. 4 Các kiểu dữ liệu JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
24 
Phân tích ví dụ 
- Tuoi (tuổi) kiểu dữ liệu là Number 
- ho T en (họ tên) kiểu dữ liệu là String 
- n am (giới tính) kiểu dữ liệu là Boolean 
- SVNganhCNTT ( sinh viên ngành CNTT ), SVNganhCNSH ( Sinh viên ngành CNSH ) kiểu dữ liệu làArray 
- {hoTen: “Nguyễn Văn An”, tuoi: 21, nam: true, queQuan: “Đồng Tháp”} là một kiểu Object 
- hoTen : “Nguyễn Văn An” là một cặp giá trị của một Object, hoTen là tên thuộc tính, “Nguyễn Văn An” là giá trị của thuộc tính đó 
- SVNganhCNTT : [...] và SVNganhCNSH : [...] cũng được xem là những cặp giá trị 
Giới thiệu các dạng dữ liệu tương tác giữa Web Service với ứng dụng trên TBDĐ 
Tổng quan về JSON 
Chuyển đổi giữa kiểu dữ liệu JSON và đối tượng .NET (Serializing - Deserializing JSON ) 
Cấu hình Web API Service chỉ trả về JSON 
Chuyển đổi từ đối tượng .NET sang chuỗi JSON ( Tạo chuỗi JSON) 
Chuyển đổi từ chuỗi JSON sang đối tượng . NET 
Tương tác giữa Web Service với ứng dụng trên TBDĐ 
Nội dung 
Xây dựng và triển khai Web Service cho ứng dụng di động 
25 
3. 1 Cấu hình Web API Service chỉ trả về JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
26 
Mở file WebApiConfig.cs trong thư mục App_Start → thêm dòng sau vào trong phương thức Register : 
config.Formatters.Remove(config.Formatters.XmlFormatter); 
Để cấu trúc thuộc tính của đối tượng JSON trả về đúng quy cách CamelCase thì ta thêm config sau vào Register : 
var json = config.Formatters.JsonFormatter; 
json.SerializerSettings.PreserveReferencesHandling = 
 Newtonsoft.Json.PreserveReferencesHandling.Objects; 
json.SerializerSettings.ContractResolver = new 
 CamelCasePropertyNamesContractResolver(); 
3. Chuyển đổi giữa kiểu dữ liệu JSON và đối tượng .NET (Serializing - Deserializing JSON) 
Xây dựng và triển khai Web Service cho ứng dụng di động 
27 
Để chuyển đổi (convert) một chuỗi (string) định dạng JSON sang đối tượng (object) của .Net và ngược lại, ta sử dụng lớp JavaScriptSerializer trong thư viện System.Web.Extensions. 
3. 2 Chuyển đổi từ đối tượng .NET sang chuỗi JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
28 
Sử dụng phương thức Serializer thuộc lớp JavaScriptSerializer. 
Khai báo sử dụng: 
using System.Web.Script.Serialization; 
Ví dụ 1: 
Lớp HocVien đã được định nghĩa với các thuộc tính: m aHV, tenHV và các thuộc tính get, set cho từng thuộc tính, phương thức khởi tạo với 2 tham số maHV và tenHV. Những lệnh sau dùng để chuyển đổi đối tượng HocVien sang chuỗi JSON: 
HocVien = new HocVien("SV001", "Nguyễn Văn A"); 
string chuoiJSON= serializer.Serialize(s) ; 
Response.Write("Object: " + chuoiJSON); 
Kết quả: 
Object: {“ m aHV ”: SV001 , “tenHV ”: “ Nguyễn Văn A ”} 
3. 2 Chuyển đổi từ đối tượng .NET sang chuỗi JSON 
Xây dựng và triển khai Web Service cho ứng dụng di động 
29 
Ví dụ 2: 
HocSinh hs1= new HocSinh(); 
hs1 = getHocSinhByID(123); 
JavaScriptSerializer jss = new JavaScriptSerializer(); 
string chuoiJSON = jss.Serialize(hs1 ); 
Console.WriteLine(chuoiJSON); 
Kết quả: 
{ 
 “ tenHV ": “ Trần Văn B ", 
 “ maHV ": "123456", 
 “ ngaySinh ": " 01/0 1 /19 91 ", 
 “ diaChi ":{" sonha":"123","quan ":“ 10 "}, 
 "diem T hi":[{"mon":“ toan "," diem":"10 "}, 
 {"mon":" ly","diem":"9 "}, 
 {"mon":" hoa","diem":"8"}] 
} 
3. 3 Chuyển đổi từ chuỗi JSON sang đối tượng .NET 
Xây dựng và triển khai Web Service cho ứng dụng di động 
30 
Sử dụng phương thức Deserializer thuộc lớp JavaScriptSerializer. 
Ví dụ 1: 
Với chuỗi JSON sau: 
{“maHV ”:100, “tenHV ”: “Nguyễn Văn A ”} 
Lện h dùng để chuyển đổi chuỗi JSON trên thành đối tượng HocVie n: 
HocVien hv1 = serializer.Deserialize(str) ; 
Response.Write("tenHV: " + hv1.HocVien); 
Xây dựng và triển khai Web Service cho ứng dụng di động 
31 
Ví dụ 2: 
Với chuỗi JSON sau 
{ 
	“tenHS": “Trần Văn B", 
	"maHS": "123456", 
	"ngaySinh": "01/01/1991" 
} 
Cách 1 : Chuyển qua một đối tượng cụ thể 
Đ ịnh nghĩa 1 lớp đối tượng tương ứng 
public class HocSinh 
{ 
 public string tenHS{ get; set; } 
 public string maHS{ get; set; } 
 public string ngaySinh{ get; set; } 
} 
3. 3 Chuyển đổi từ chuỗi JSON sang đối tượng .NET 
Xây dựng và triển khai Web Service cho ứng dụng di động 
32 
Cách 1 : Chuyển qua một đối tượng cụ thể 
Đ ịnh nghĩa 1 lớp đối tượng tương ứng : 
public class sinhvien 
{ 
 public string tenHS{ get; set; } 
 public string maHS{ get; set; } 
 public string ngaySinh{ get; set; } 
} 
Chuyển đổi JSON qua đối tượng : 
JavaScriptSerializer jss = new JavaScriptSerializer(); 
sinhvien hs = jss.Deserialize(JsonText) ; 
3. 3 Chuyển đổi từ chuỗi JSON sang đối tượng .NET 
Xây dựng và triển khai Web Service cho ứng dụng di động 
33 
Cách 2 : Chuyển qua dạng dữ liệu động (dynamic) 
JavaScriptSerializer jss = new JavaScriptSerializer(); 
var obj = jss.Deserialize(JsonText) ; 
Console.WriteLine(obj[“tenHS"]); 
3. 3 Chuyển đổi từ chuỗi JSON sang đối tượng .NET 
Giới thiệu các dạng dữ liệu tương tác giữa Web Service với ứng dụng trên TBDĐ 
Tổng quan về JSON 
Tạo JSON bằng .Net Web Service 
Tương tác giữa Web Service với ứng dụng trên TBDĐ 
Nội dung 
Xây dựng và triển khai Web Service cho ứng dụng di động 
34 
4. Tương tác giữa Web Service với ứng dụng trên TBDĐ 
Xây dựng và triển khai Web Service cho ứng dụng di động 
35 
Lấy dữ liệu dạng JSON từ .Net Web Service 
Truyền dữ liệu dạng JSON từ ứng dụng di động lên .Net Web Service 
Mã hóa khi truyền biến JSON lên .Net Web Service 
Xây dựng và triển khai Web Service cho ứng dụng di động 
36