Код для этого примера вы найдёте здесь.
Для этого Node-приложения мы будем опираясь на понятия, которые уже изучили. Типичной задачей при создании любого типа приложения является использование сторонних данных. Мы подключимся к Instagram API и получим через него данные, чтобы показать наиболее популярные фотографии.
Требования
- Использование Express как Node-фреймворк.
- Использование Instagram Developer API.
- Использование пакета instagram-node.
- Просмотр популярных фотографий Instagram.
- Шаблон Node-приложения с EJS и пакета EJS.
Структура папок
public/
css/
style.css
views/
pages/
index.ejs
partials/
head.ejs
header.ejs
footer.ejs
package.json
server.js
У нас та же структура для запуска Node-приложения. package.json и server.js всё ещё на месте.
Мы будет брать публичные файлы (CSS/JS/изображения) из папки public/.
Заметьте, что папка views делится на partial/ и pages/. В partial будут многократно используемые компоненты, такие как шапка и подвал нашего сайта. Это хорошая практика, разделить их так, что мы могли сохранить код простым.
EJS — шаблонный движок и он довольно широко применяется в Node-приложениях. Он помогает нам разными путями по сравнению с обычными HTML-файлами. Мы можем:
- отображать динамические данные отправляемые с сервера;
- делать повторения через переменные и списки;
- задать шаблон наших приложений.
Начнём работать с данными из Instagram сперва с нашего файла server.js. После получения нужных данных из Instagram мы перенесёмся к файлам для отображения этих данных.