Ta đang là nhà phát triển HTML5, thì hầu như ta chạy ứng dụng trong các thiết lập cấu hình nằm ở phía client.
Ví dụ : nếu ta sử dụng trình duyệt Chrome or Safari và vào trang
html5demos.com/database, thì ta sẽ nhìn thấy trang page này được làm đầy bởi các dịng tweets.nhìn thống qua thì ta cảm tưởng trang page này xuất hiện bởi được hỗ trợ bởi 1 database như thông lệ giống kiểu MySQL.tuy nhiên khi ta ấn chuột phải vào trang page ấn vào Inspect Element.ta sẽ thấy như trong hình 11-1
Khi ta ấn vào Resources tab và sau đó lăn chuột xuống vị trí databases, ta sẽ nhìn thấy 1
html5demos database có sẵn và bên trong nó có 1 bảng tên là tweets.
Nếu ta ấn vào bên phải pane và đây là kết quả của lệnh SQL : select * from tweets, ta lấy được 1 danh sách giống với như cái trong hình 11-1
Ngơ Quang Trung – email: ngotrung.poli.t@gmail.com / www.phonegap.vn/forum 74
Như ta có thể thấy, các trường fields cũng tương tự với những gì ta đã sử dụng trong MySQL hay 1 SQL database khác.tất nhiên, ta có thể chỉ cần ấn vào biểu tượng icon của bảng tweets đề xem mọi thứ được lưu trong bảng này
Web Database ( về bản chất là 1 hệ thống của Sqlite3 ) rất phù hợp với các lưu trữ dữ liệu
phức tạp ( theo cách khác, khi ta muốn giữ vết của rất nhiều các cột thông tin trên từng phần tử ), nhưng thỉnh thoảng các yêu cầu dữ liệu khơng q phức tạp
Hiện tại, ta chỉ có thể muốn lưu trữ 1 vài thông tin rất đơn giản ( như trong 1 dạng 1 cặp key/value ), và chỉ giữ nó xung quanh 1 khoảng thời gian ngắn ( theo cách hiểu khác, cho tới khi người dùng đóng trình duyệt hay ứng dụng ).nếu u cầu đề ra là cần thiết hơn về tấc độ, thì phương thức lưu giữ session và local là những gì ta cần
Có 1 ví dụ nằm ở html5demos.com/storage như hình 11-2 chỉ ra kết quả khi đánh thêm vào 1 giá trị hello cho biến sessionStorage, và 1 giá trị của goodbye cho biến localStorage
Nếu ta vẫn mở Resources tab, thì di chuyển xuống phần Session Storage để nhìn thấy giá trị value của hello được lưu trữ ở đó như hình 11-3.và trong hình 11-4, ta có thể thấy giá trị của goodbye được lưu trữ ở Local Storage
Ngô Quang Trung – email: ngotrung.poli.t@gmail.com / www.phonegap.vn/forum 75
6.1.Điểm khác biệt giữa Session Storage và Local Storage ?
Các đối tượng Session Storage sẽ được xóa khi ta đóng trình cửa sổ trình duyệt nhưng các đối tượng Local Storage thì vẫn được tồn tại
1 điều cần phải nhớ rằng các đối tượng Storage thường tốt nhất nên từ 5MB đến 10MB dữ liệu, phụ thuộc vào trình duyệt được sử dụng.bởi vì ta sẽ xây dựng các ứng dụng apps trên 1 phone, ta nên giữ các đối tượng Storage nhỏ hơn 4MB cho an toàn.nếu ta đang xây dựng
web databases, thì giữ giới hạn là 5MB, nhưng ta có thể giữ nó nhỏ hơn nếu ta muốn
Câu hỏi đặt ra tiếp là nếu HTML5 hỗ trợ cả các lựa chọn database và local storage, thì tại sao ta lại phải để ý tới hệ thống lưu trữ của phonegap ?
Câu trả lời là 1 vài thiết bị sẽ hỗ trợ các tính năng này và trong trường hợp đó thì PhoneGap API sẽ trì hỗn trên hệ thống xử lý của thiết bị đó.các thiết bị khác khơng hỗ trợ điều này thì trong trường hợp đó, hệ thống của phonegap sẽ nhảy vào
Ngơ Quang Trung – email: ngotrung.poli.t@gmail.com / www.phonegap.vn/forum 76