0

Я хочу сделать сайт без переходов по страницам, тоесть с подгрузкой и с хэшированной навигацией. В гугле я нашёл статьи на хабре, которые датируются 2011 годом (вот эта, например), видимо приуроченные к выходу ВК, а фильтр на последние пару лет не даёт результатов. На то время новинками были pjax и djax.

Дак вот я хотел узнать, изменилось ли что-нибудь в этой сфере за 6 лет? Появились ли новые технологии? Можете ткнуть меня носом на актуальную статью или прямо здесь вкратце описать что и как нужно использовать, чтобы не оказаться мамонтом?

2
  • и зачем же сделать без страниц? так поисковики не смогут нормально индексировать ваш сайт 30 июн 2017 в 9:05
  • @Razmik Galstyan Вконтакту, кажется, это не мешает. К тому же у меня, как и в ВК, на сайте будет музыка, которая не должна прерываться при переходах по страницам.
    – Diskyp
    30 июн 2017 в 9:15

1 ответ 1

2

На сегодняшний день такие сайты называются веб-приложениями aka SPA. Single Page Application - загружается страница, все остальное взаимодействие просходит уже без перезагрузки страницы, приложение ведет себя подобно нативному десктопному/мобильному приложению.

SPA, как правило, не пишут вот так, просто на ajax, а используют javascript библиотеки или фреймворки. Наиболее популярые сейчас Angular, React, Vue.js. Каждый фреймворк имеет инструменты для работы с навигацией по history, будь то хеш-навигация или замена path целиком.

Для примера, если вы пишете приложение на React, то, скорее всего, вам подойдет библиотека react-router (не могу добавить ссылку, гуглите).

По поводу индексации поисковыми роботами, для упомянутых выше фреймворков есть поддержка server side rendering, что позволяет отрисовывать страницу на сервере, а в браузере javascript подхватывает отрисованное состояние и продолжает работу интерактивно.

Если уж совсем так по хардкору, безо всяких библиотек, то можно использовать history API, а отлавливать события перехода (назад/вперед) через window.onpopstate.

PS: к сожалению все ссылки пришлось убрать, т.к. репутация пока не позволяет их размещать. В

2
  • Спасибо, очень информативно. Но вот дело ещё в том, что у меня уже сделана большая часть проекта на jquery, я сейчас лишь хочу внедрить эту SPA. Не будет ведь ничего криминального, если поставить React лишь для того, чтобы использовать react-router или лучше искать решение для библиотеки, на которой я работаю?
    – Diskyp
    30 июн 2017 в 9:50
  • Ссылки играют второстипенную роль, более важно как Вы сами аргументируете ответ. Пользуйтесь копи+паста со сторонних источников, если это необходмо.
    – 0xdb
    30 июн 2017 в 10:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.