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

Trường ĐH Khoa Học Tự Nhiên Tp. Hồ Chí Minh 
TRUNG TÂM TIN HỌC 
2015 
 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 
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Đ 
2. Tổng quan về JSON 
3. Tạo JSON bằng .Net Web Service 
4. 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. 
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Đ 
2. 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 
3. Tạo JSON bằng .Net Web Service 
4. 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,  → Tiế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 
JSON 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/giá 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 
- hoTen (họ tên) kiểu dữ liệu là String 
- nam (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ị 
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Đ 
2. Tổng quan về JSON 
3. 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 
4. 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: maHV, 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: {“maHV”: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/01/1991", 
 “diaChi":{"sonha":"123","quan":“10"}, 
 "diemThi":[{"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ệnh dùng để chuyển đổi chuỗi JSON trên thành đối tượng 
HocVien: 
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 
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Đ 
2. Tổng quan về JSON 
3. Tạo JSON bằng .Net Web Service 
4. 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