#247 Offline Apps Part 1

Jan 03, 2011 | 10 minutes | Plugins, Rack

Learn how to make a site usable offline through an HTML 5 cache manifest. This first part of the series covers rack-offline and problems you may run into.

Click to Play Video ▶

Download:
source codeProject Files in Zip (112 KB)
mp4Full Size H.264 Video (19.4 MB)
m4vSmaller H.264 Video (12.6 MB)
webmFull Size VP8 Video (25.4 MB)
ogvFull Size Theora Video (24.6 MB)

Browse Source Code

Resources

          Gemfile
        
gem "rack-offline"

          config/routes.rb
        
match "/application.manifest" => Rails::Offline

          config/application.rb
        
ENV["RAILS_ASSET_ID"] = "" # disable timestamps at end of asset files for offline browsing

          config/environments/development.rb
        
config.cache_classes = true # to temporarily simulate production

          layouts/application.html.erb
        
<html manifest="/application.manifest">

          application.js
        
$(function() {
  $(window.applicationCache).bind("error", function() {
    alert("There was an error when loading the cache manifest.");
  });
});