Cách triển khai Ứng dụng Trang Đơn có khả năng ngoại tuyến với Breeze.js và lưu trữ cục bộ HTML5

Question

Tôi đã làm việc Ứng dụng Trang Đơn bằng cách sử dụng Breeze.js để Truy cập Dữ liệu. Nó sử dụng Breeze.js để thực hiện các truy vấn đối với bộ đệm cục bộ và dữ liệu được yêu cầu chỉ một lần khi khởi động. Chỉ các cập nhật dữ liệu mới được đăng lại trên máy chủ sau đó.

Tôi đang tìm một giải pháp để làm cho kết nối ứng dụng nhận thức được. Nếu thiết bị di động không có kết nối internet, các thay đổi sẽ được lưu cục bộ với Breeze.js và bộ nhớ cục bộ HTML5. Khi thiết bị di động trực tuyến trở lại, các thay đổi sẽ được đồng bộ hóa với bộ nhớ dữ liệu từ xa.

Bất kỳ hướng dẫn nào về cách triển khai yêu cầu đó? Cảm ơn

Answer 1

Có vẻ như HTML5 cung cấp bộ nhớ cục bộ 5MB, lưu trữ cho đến khi được làm sạch và hữu ích để lưu trữ các giá trị JSON bằng XMLHttpRequest.

HTML 5 navigator.onLine property cung cấp tính năng phát hiện ngoại tuyến. Đúng nếu trực tuyến, false nếu không

var nav = window.navigator; 
if(nav.onLine) { 
    // do HMLHttpRequests etc 
} 
window.addEventListener('online', function() { }); 
window.addEventListener('offline', function() { }); 

Để biết thêm thông tin kiểm tra Building Hybrid Mobile Applications with HTML5

Answer 2

@mitaka chỉ bạn phát hiện sự thay đổi kết nối.

Để sử dụng BreezeJS để lưu các thực thể vào bộ nhớ cục bộ, chủ đề "Export/Import" trong tài liệu BreezeJS cung cấp các đầu mối có giá trị. Tệp "exportImportTests.js" trong mẫu "DocCode" minh họa một số kỹ thuật được mô tả ở đó.