diff options
| author | Arun Persaud <arun@nubati.net> | 2012-06-03 09:24:23 -0700 |
|---|---|---|
| committer | Arun Persaud <arun@nubati.net> | 2012-06-03 09:24:23 -0700 |
| commit | ee441e7cba2a15b7a617f103b511545f4029a174 (patch) | |
| tree | 0f99e6c5dccdc8b767a8b0c965164a592c8657ef | |
| parent | 20cba444993baea357308bf746d3675438c548bc (diff) | |
| download | photo-tags-ee441e7cba2a15b7a617f103b511545f4029a174.tar.gz photo-tags-ee441e7cba2a15b7a617f103b511545f4029a174.tar.bz2 photo-tags-ee441e7cba2a15b7a617f103b511545f4029a174.zip | |
add autoversioning of css and js files
automatically add the md5 hash to the filename and then use .htaccess to filter it out again.
This way we don't need to change the filename and the client can cache correctly
| -rw-r--r-- | htaccess_template | 5 | ||||
| -rw-r--r-- | index.php | 23 |
2 files changed, 23 insertions, 5 deletions
diff --git a/htaccess_template b/htaccess_template index aa6f5a7..d4ba12a 100644 --- a/htaccess_template +++ b/htaccess_template @@ -6,8 +6,11 @@ RewriteBase /<insert web base url here> # hide git directory (and others) RedirectMatch 404 \.(git|cvs|svn|bzr|hg)(/.*|$) +# use autoversioning of js and css files +RewriteRule ^(.*)\.[[:xdigit:]]{32}\.(css|js)$ $1.$2 [L] -# make the url nice and clean; the comments shows an url that should be matched + +### make the url nice and clean; the comments shows an url that should be matched # web_base/tag/me+berlin/pic/id RewriteRule tag/([-_\s,a-zA-Z0-9+]*)/pic/([0-9]*) index.php?tag=$1&pic=$2 [L] @@ -25,14 +25,29 @@ else $pic = -1; /* end parse flags */ +/* autoversioning of js and css files */ +function autoversion($file) +{ + /* changes the file name of e.g. css/style.css to css/style.<md5>.css/js + * this way the browser can cache the file and will reload it if the file changed + * needs to have .htaccess set up correctly to link back to css/style.css */ + + /* only use it for file that have an absolut path */ + if(!file_exists(dirname($_SERVER['SCRIPT_FILENAME']). '/' . $file)) + return $file; + + $md5 = md5_file(dirname($_SERVER['SCRIPT_FILENAME']). '/' . $file); + return preg_replace('{\\.([^./]+)$}', ".$md5.\$1", $file); +} + /* The basic layout */ ?> <html> <title><?php echo htmlspecialchars($title) ?></title> -<script src = "<?php echo $webbase?>/js/d3.min.js"></script> -<link rel="stylesheet" type="text/css" href="<?php echo $webbase?>/css/normalize.css" /> -<link rel="stylesheet" type="text/css" href="<?php echo $webbase?>/css/style.css" /> +<script src = "<?php echo $webbase.autoversion("/js/d3.min.js")?>"></script> +<link rel="stylesheet" type="text/css" href="<?php echo $webbase.autoversion("/css/normalize.css")?>" /> +<link rel="stylesheet" type="text/css" href="<?php echo $webbase.autoversion("/css/style.css")?>" /> <body> @@ -68,7 +83,7 @@ page <span class="index"></span> </footer> -<script src = "<?php echo $webbase?>/js/photo-tags.js"></script> +<script src = "<?php echo $webbase.autoversion("/js/photo-tags.js")?>"></script> <script type="text/javascript" > /*hand parameters over to javascript*/ var page=<?php echo $page ?>; |