shimapa23 May 22 2012 at 22:12

Улучшаем страницу 404-ой ошибки

3 min

82K

Web design*Interfaces*

Translation

Comments 25

atomlib May 22 2012 at 22:19

Можно сделать что-нибудь необычное и с претензией на вирусность.

BioRap May 22 2012 at 22:58

Терпеть не могу, когда на странице без спроса начинает играть музыка.

+12

Singerofthefall May 22 2012 at 23:02

Я придерживаюсь мнения, что ни одна страница ни на одном сайте не должна выглядеть так:

+13

sfrolov May 22 2012 at 23:06

Настоящая страница 404 должна у посетителя вызывать желание поскорее уйти оттудова и поскорей забыть это место… :)

MainNika May 22 2012 at 23:09

Сразу вопрос, как в ExpressJS (Node.JS) сделать свои 404 страницы. app.get('*' не помогает, ибо по этому роуту проходит вся статика, а это все, что написано в официальной документации.

Large May 23 2012 at 12:55

Можно с помощью node-boilerplate, вот пример github.com/robrighter/node-boilerplate/blob/master/templates/app/server.js

Large May 23 2012 at 13:06

Уточню. Сначала подключаете статику, потом подключаете раутер а в самом конце ловите 404.

InteractiveTechnology May 23 2012 at 23:06

// Error handling
app.error(function(err, req, res, next){
    console.log(err);
    if (err instanceof NotFound) {
        res.render('errors/404', {
            title : 'Not Found',
            layout: 'login/layout',
            status: 404
        });
    } else {
        res.render('errors/500', {
            title : 'The Server Encountered an Error',
            layout: 'login/layout',
            error: err,
            status: 500
        });
    }
});

function NotFound(msg) {
    this.name = 'NotFound';
    Error.call(this, msg);
    Error.captureStackTrace(this, arguments.callee);
}

в конце всех роутов:

app.all('*', function(req, res){
    throw new NotFound('URL: ' + req.url);
});

MainNika May 24 2012 at 08:55

Может я что-то не так делаю, но у меня не работает в таком случае статика.
Node v0.6.17
Express v2.5.8

app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.cookieParser());
  app.use(express.bodyParser());
  //app.use(express.methodOverride());
  app.use(express.static('/www/r/node/public'));
  app.use(app.router);
});

app.error(function(err, req, res, next){
    console.log(err);
    if (err instanceof NotFound) {
        res.render('404', {
            title : 'Not Found',
			layout: false,
            status: 404
        });
    } else {
        res.render('500', {
            title : 'The Server Encountered an Error',
			layout: false,
            error: err,
            status: 500
        });
    }
});

function NotFound(msg) {
    this.name = 'NotFound';
    Error.call(this, msg);
    Error.captureStackTrace(this, arguments.callee);
}

app.get('/', routes.index);

// 404
app.all('*', function(req, res){
    throw new NotFound('URL: ' + req.url);
});

ksenobayt May 22 2012 at 23:12

Мы у себя сделали набор страниц подобного рода:
snk-games.ru/502.html
snk-games.ru/404.html
snk-games.ru/403.html

SergeyNeiger May 23 2012 at 11:18

«Кажется, что-то отвалилось». Это хорошо. Попробую сделать у себя.

KvanTTT May 22 2012 at 23:12

Ага, а можно еще: «Извините, но ни ваша страница, ни страница 404 ошибки не найдена.»

teonoman May 22 2012 at 23:42

Сто миллиардов раз эта тема поднималась. По-моему, Лебедев её уже давно закрыл.

savostin May 23 2012 at 00:23

По-моему на этой странице

больше полезной информации, чем на этой

Страница 404, на которой лишь написано «Страница не найдена», не будет полезной для посетителя; даже ссылка «Вернуться на главную» не поможет.

safright May 23 2012 at 01:01

Главное, что на ней бесполезной информации тоже гораздо больше.

savostin May 23 2012 at 08:04

Только вторая часть, имхо.

fc_arny May 23 2012 at 01:03

Вы хоть раз полностью прочитали все, что написано на первом скриншоте? Не забывайте программист и пользователи сайта видят его по разному — программисту лучше вывести trace, а пользователю просто сказать — у нас что-то сломалось.

savostin May 23 2012 at 08:04

Да, прочитал.
Там написано и то, и другое.

zeleniy87 May 23 2012 at 00:58

может не в тему, но мужики явно отжигают на последней странице 404=)

jrip May 23 2012 at 01:49

По-моему, еще стоит добавить, что нужно стремится чтобы на сайте количество подобных 404 страниц было минимальным, если такое возможно конечно. А то бывает вот, попадаешь — а там 404 еще и с надписью «страницы такой-то тут нет, но где-то у нас она тут может и есть, вот еще раз поиском воспользуйтесь» :))

TIgorA May 23 2012 at 09:54

Думал это перевод с yoast.com, а оказалось просто набор картинок с забавными зверушками. Так что я просто оставлю это здесь
tigors.net/custom-error-404-page/