shimapa23 22 мая 2012 в 18:12

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

3 мин

82K

Веб-дизайн*Интерфейсы*

Перевод

Комментарии 25

atomlib 22 мая 2012 в 18:19

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

BioRap 22 мая 2012 в 18:58

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

Singerofthefall 22 мая 2012 в 19:02

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

sfrolov 22 мая 2012 в 19:06

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

MainNika 22 мая 2012 в 19:09

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

Large 23 мая 2012 в 08:55

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

Large 23 мая 2012 в 09:06

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

InteractiveTechnology 23 мая 2012 в 19: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 24 мая 2012 в 04: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 22 мая 2012 в 19:12

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

SergeyNeiger 23 мая 2012 в 07:18

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

KvanTTT 22 мая 2012 в 19:12

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

teonoman 22 мая 2012 в 19:42

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

savostin 22 мая 2012 в 20:23

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

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

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

safright 22 мая 2012 в 21:01

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

savostin 23 мая 2012 в 04:04

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

fc_arny 22 мая 2012 в 21:03

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

savostin 23 мая 2012 в 04:04

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

zeleniy87 22 мая 2012 в 20:58

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

jrip 22 мая 2012 в 21:49

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

TIgorA 23 мая 2012 в 05:54

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