Take your drupal sites offline
•Télécharger en tant que PPTX, PDF•
0 j'aime•4,234 vues
Take your Drupal sites offline with HTML 5 AppCache and turn it into a webapp, perhaps with somehting like PhoneGap.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Take your drupal sites offline
Similaire à Take your drupal sites offline (20)
Plus de Chris Ward
Plus de Chris Ward (20)
Dernier
Dernier (20)
Take your drupal sites offline
- 1. TAKE YOUR DRUPAL SITES OFFLINE With HTML5 AppCache and other assorted teasing promises…
- 2. AppCache • Take a Website offline • Speed up access • Create ‘WebApps’ • Perfect for mobile
- 3. How does it work? <!DOCTYPE html> <html manifest="/cache.manifest"> <body> ... </body> </html>
- 4. How does it work? • (Maybe) In .htaccess or similar • Needs to be running on a server AddType text/cache-manifest .appcache
- 5. How does it work? CACHE MANIFEST # 2013-03-12:v2 CACHE: index.html stylesheet.css NETWORK: login.php /myapi FALLBACK: images/large/ images/offline.jpg *.html /offline.html
- 6. SIMPLE DEMO
- 7. What about Drupal? • More complex • Dynamic drupal.org/project/appcache With some module changes…
- 8. How does it work? Adds variable that is reset on cache clear, amends manifest and causes browser rebuild. Builds cached pages as it goes. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" manifest="<?php print base_path(); ?>appcache.manifest" dir="<?php print $language->dir; ?>"<?php print $rdf_namespaces; ?>>
- 9. Pointers • May not want to apply to whole site • Authenticated areas • Offline files • Admin items • User confusion
- 10. Taking it mobile • PhoneGap if AppStores • WebApp in other cases
- 11. GOTCHAS…
- 13. Just some of them… • Mobile / Browser detection • Cache size restrictions • PhoneGap • JavaScript issues • Local testing • Inconsistent • Media files
- 14. PLAN B A whole other story…
Notes de l'éditeur
- CACHE:This is the default section for entries. Files listed under this header (or immediately after the CACHE MANIFEST) will be explicitly cached after they're downloaded for the first time.NETWORK:Files listed under this section are white-listed resources that require a connection to the server. All requests to these resources bypass the cache, even if the user is offline. Wildcards may be used.FALLBACK:An optional section specifying fallback pages if a resource is inaccessible. The first URI is the resource, the second is the fallback. Both URIs must be relative and from the same origin as the manifest file. Wildcards may be used.Lines starting with a '#' are comment lines, but can also serve another purpose. An application's cache is only updated when its manifest file changes. So for example, if you edit an image resource or change a javascript function, those changes will not be re-cached. You must modify the manifest file itself to inform the browser to refresh cached files. Creating a comment line with a generated version number, hash of your files, or timestamp is one way to ensure users have the latest version of your software. You can also programmatically update the cache once a new version is ready as discussed in the Updating the cache section.