Код для цього прикладу ви знайдете тут.
Для цього Node-програми ми будемо спираючись на поняття, які вже вивчили. Типовим завданням для створення будь-якого типу програми є використання сторонніх даних. Ми підключимося до Instagram API і отримаємо через нього дані, щоб показати найбільш популярні фотографії.
Вимоги
- Використання Express як Node-фреймворк.
- Використання Instagram Developer API.
- Використання пакета instagram-node.
- Перегляд популярних фотографій Instagram.
- Шаблон Node-додатки з EJS та пакету EJS.
Структура папок
<code>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 ми перенесемося до файлів для відображення цих даних.