Журнал «Компьютерра» № 20 от 30 мая 2006 года, Журнал Компьютерра

Журнал «Компьютерра» № 20 от 30 мая 2006 года

на обложку

Журнал Компьютерра

Шрифт:

Вы можете поинтересоваться, почему мы просто-напросто не использовали динамические ссылки (например, /css/main.css?v=4)? Дело в том, что, согласно спецификации HTTP, пользовательские агенты вообще не должны кэшировать такие URL. И хотя IE и Firefox это игнорируют, Opera и Safari точно следуют букве – поэтому, чтобы гарантировать корректную работу всех браузеров при кэшировании наших ресурсов, мы избегаем использовать динамические ссылки.

Теперь, когда мы научились менять URL без перемещения файла, было бы неплохо автоматизировать обновление URL. В небольшой рабочей среде (или в среде разработки, для тех, кому приходится иметь дело с большими рабочими средами) это довольно легко осуществить с помощью функций шаблона. Следующий пример сделан на основе Smarty, но может быть реализован и на основе других подобных движков:

function smarty_version($args){

$stat = stat($GLOBALS[‘config’][‘site_root’].$args[‘src’]);

$version = $stat[‘mtime’];

echo preg_replace(‘!.([a-z]+?)$!’, «.v$version.$1», $args[‘src’]);

Для каждого залинкованного ресурса мы определяем местоположение файла на диске, проверяем его mtime (дату последнего изменения) и вставляем эту информацию в URL в виде номера версии. Это прекрасно работает на сайтах с низким трафиком (где метод stat, возвращающий информацию о файлах и каталогах, обходится довольно дешево) и в среде разработчика, однако плохо масштабируется на большие сайты, поскольку каждый вызов stat означает обращение к диску на чтение.

Решить эту проблему нетрудно. В больших системах у нас изначально есть номер версии для каждого ресурса в виде номера, присвоенного системой контроля версий (вы же используете систему контроля версий, правда?). На этапе финального построения нашего сайта требуется лишь проверить номера версий всех нужных файлов и записать их в статический конфигурационный файл.

$GLOBALS[‘config’][‘resource_versions’] = array(

‘foo.gif’ => ‘2.1’,

‘/css/main.css’ => ‘1.27’,

‘/javascript/md5.js’ => ‘6.1.4’,

Затем мы меняем нашу функцию в шаблоне, чтобы она могла использовать эти номера версий при реальной работе.

function smarty_version($args){

if ($GLOBALS[‘config’][‘is_dev_site’]){

$stat = stat($GLOBALS[‘config’][‘site_root’].$args[‘src’]);

$version = $stat[‘mtime’];

$version = $GLOBALS[‘config’][‘resource_versions’][$args[‘src’]];

echo preg_replace(‘!.([a-z]+?)$!’, «.v$version.$1», $args[‘src’]);

Таким образом, нам не нужно переименовывать файлы или даже запоминать, когда мы изменяли их содержимое, – URL автоматически будут изменяться каждый раз, когда мы перерабатываем сайт. В общем, почти приехали.

Собираем все вместе

В разговоре об отправке заголовков, обеспечивающих долговременное хранение статических ресурсов в кэше, мы отметили, что если отдача контента реализована не на PHP, то простого способа добавления таких заголовков не существует. Чтобы справиться с этой проблемой, мы можем либо все же использовать PHP, либо переложить задачу модификации заголовков на Apache.

Использовать для нашей цели PHP нетрудно. Мы просто должны изменить правила rewrite для статических файлов, чтобы они проходили через PHP-скрипт, и написать сам скрипт, который будет выдавать нужные заголовки, перед тем как передать эти файлы по запросу.

RewriteRule ^/(.*.)v[0-9.]+.(css|js|gif|png|jpg)$ /redir.php?path=$1$2 [L]

header(«Expires: „.gmdate(„D, d M Y H:i:s“, time+315360000).“ GMT»);

header(«Cache-Control: max-age=315360000»);

# ignore paths with a ‘..’

if (preg_match(‘!..!’, $_GET[path])){ go_404; }

# make sure our path starts with a known directory

if (!preg_match(‘!^(javascript|css|images)!’, $_GET[path])){ go_404; }

# does the file exist?

if (!file_exists($_GET[path])){ go_404; }

# output a mediatype header

$ext = array_pop(explode(‘.’, $_GET[path]));

switch ($ext){

case ‘css’:

header(«Content-type: text/css»);

case ‘js’ :

header(«Content-type: text/javascript»);

case ‘gif’:

header(«Content-type: image/gif»);

case ‘jpg’:

header(«Content-type: image/jpeg»);

case ‘png’:

header(«Content-type: image/png»);

header(«Content-type: text/plain»);

# echo the file’s contents

echo implode(‘’, file($_GET[path]));

function go_404{

header(«HTTP/1.0 404 File not found»);

Несмотря на то что такой подход работает, это не лучшее решение. PHP в сравнении с Apache требует больше памяти и времени на исполнение. Кроме того, нам необходимо соблюдать осторожность из-за возможных эксплойтов. Дабы избежать всей этой головной боли, мы можем попытаться использовать Apache напрямую. Директива RewriteRule позволяет нам устанавливать значения переменных окружения при срабатывании директивы, тогда как директива Header добавляет заголовки лишь в том случае, когда присвоенно значение заданной переменной. Комбинируя две эти директивы, мы легко можем составить нужную цепочку инструкций:

RewriteEngine on

RewriteRule ^/(.*.)v[0-9.]+.(css|js|gif|png|jpg)$ /$1$2 [L,E=VERSIONED_FILE:1]

Header add «Expires» «Mon, 28 Jul 2014 23:30:00 GMT» env=VERSIONED_FILE

Header add «Cache-Control» «max-age=315360000» env=VERSIONED_FILE

Из-за порядка исполнения Apache, мы должны добавить строчку Re-writeRule в главный конфигурационный файл (httpd.conf), а не в .htaccess, иначе строчки Header будут исполнены первыми, перед установкой переменной окружения. Сами строчки Header могут быть размещены и в главном конфигурационном файле, и в .htaccess – их местоположение ни на что не влияет.

Сокращенный перевод.

Оригинал: www.thinkvitamin.com/features/webapps/serving-javascript-fast

РЫНКИ: Ну и как тебя называть?

Автор: Виктор Шепелев

Unix отсутствует. Просто не существует в природе. То есть нет такой конкретной вещи, в которую можно ткнуть пальцем и сказать: «Вот это – Unix». А все остальное тогда будет никакой не Unix. Собственно говоря, удивительный термин *nix (и даже – *n?x, как дань Linux) – результат вот этого несуществования единственно правильного Unix’а.