Навигация Без Перезагрузки С Использованием Expressjs, Jade И History.js

Я никогда раньше не использовал в своей работе такую функцию HTML5, как History API. И вот пришло время разобраться в этом и провести небольшой эксперимент. Решил поделиться с вами результатом этого эксперимента.

Итак, что мы хотим: — Навигация по сайту с использованием API истории.

— Получение данных с сервера в виде json-объекта с последующей отрисовкой на клиенте — При прямом прохождении рендеринг должен происходить на сервере - Чтоб всё было легко и просто С кругом потребностей определились, теперь определимся с технологиями: — Expressjs под nodejs будет работать на сервере — В качестве шаблонизатора для нефрита — Для клиента History.js

Сервер

Вы можете увидеть, как это быстро сделать в Ubuntu. здесь .

Давайте создадим папку для проекта и зайдем в нее.

Далее устанавливаем необходимые модули: НПМ, я выражаю Джейд И давайте создадим две директории: — просмотр — здесь будут находиться шаблоны — public — здесь будет статический контент Далее напишем сервер и сосредоточимся только на основных моментах.

Первое, что мне хотелось сделать, чтобы облегчить себе жизнь, — это не думать о том, как к нам пришел запрос через Ajax или нет. Для этого перехватим стандартный res.render Код

   

 app.all('*', function replaceRender(req, res, next) {
 

   

• Все Дело В Настройках

  19 Oct, 24

• Семь Вещей, Которые Вы Можете Запомнить, Используя Службу Напоминаний По Электронной Почте

  19 Oct, 24

• С Трубкой В ​​Кармане: Оборудование Snom Dect Для Беспроводных Телефонных Сетей

  19 Oct, 24

• Платформа Hcm: Интеграция Через Открытый Api

  19 Oct, 24

• Vmware Сломала Механизм Cbt Для Резервного Копирования Виртуальных Машин

  19 Oct, 24

• Как Сделать Презентацию Интерактивной

  19 Oct, 24

• Запугивающая Реклама

  19 Oct, 24

• Сайт Ресторана :)

  19 Oct, 24

• Bookmix.ru: Если Бы Мы Не Видели Светлого Будущего, Мы Бы Даже Не Начинали

  19 Oct, 24

• Интервью С Русским Новозеландцем

  19 Oct, 24