Блог

Интернет-магазин на JavaScript, часть седьмая

Для работы с JWT-токенами нам потребуется пакет jsonwebtoken, чтобы создавать и проверять токены. Чтобы хэшировать пароли пользователей, а не хранить их в базе данных в открытом виде, нужно установить пакет bcript. Реализуем методы контроллера, которые отвечают за регистрацию и авторизацию пользователя.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Интернет-магазин на JavaScript, часть шестая

Товаров в каталоге может быть много и показывать их все на одной странице — плохая идея. Так что давайте заложим возможность запрашивать только часть товаров. Клиент может добавить GET-параметры limit (количество товаров на странице) и page (товары какой страницы возвращать). Sequelize предоставляет в наше распоряжение…
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Интернет-магазин на JavaScript, часть пятая

Сейчас получилось так, что контроллер выполняет работу модели шаблоне MVC (Model-View-Controller), а моделей у нас и вовсе нет. Давайте исправим это упущение и создадим в директории models файлы моделей Product.js, Category.js, Brand.js и User.js. Модели реализуют бизнес-логику приложения и взаимодействуют с базой данных.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Интернет-магазин на JavaScript, часть четвертая

Хорошо, теперь нам нужно реализовать все методы всех контроллеров, чтобы можно было создавать, обновлять, удалять и получать товары, категории, бренды и пользователей. Здесь нам поможет документация ORM-библиотеки Sequelize и ее методы create, update, save, destroy, reload, findOne, findByPk, findAll.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Интернет-магазин на JavaScript, часть третья

Сейчас функции, которые обрабатывают HTTP-запросы от клиента, расположены прямо в роутере. Но это задача контроллера, которых у нас будет несколько — для товаров, категорий, брендов и пользователей. Создаем директорию controllers и внутри нее — файлы Product.js, Category.js, Brand.js и User.js.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Интернет-магазин на JavaScript, часть вторая

Сервер работает, но если мы попробуем открыть в браузере страницу localhost:7000, то получим ошибку «Cannot GET /». Нужно указать серверу, какие endpoint обрабатывать и что делать при поступлении GET, POST, PUT и DELETE запросов. Так что открываем на редактирование файл index.js…
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Интернет-магазин на JavaScript, часть первая

Простой интернет-магазин на Node.js (сервер) и React.js (клиент). Данные будем хранить в базе данных PostgreSQL. Для серверной части используем фреймворк Express.js. Приложение не имеет практической ценности, сделано с целью изучения. Создаем директорию проекта shop, внутри нее — еще две директории, server и client.

RESTfull API приложение на фреймворке Express.js

Сделаем небольшое RESTfull API приложение на фреймворке Express.js. Это будет блог, каждый пост содержит заголовок, автора, контент и картинку. Данные будем хранить в базе данных MongoDB. Для тестирования используем расширение REST Client для VS Code. Практической ценности не имеет, просто первое знакомство с фреймворком.

GitHub. Ключ развертывания (deploy key)

Ключ развертывания (deploy key) — это ssh-ключ, предоставляющий доступ к отдельному репозиторию. GitHub прикрепляет открытую часть ключа непосредственно к репозиторию вместо личной учетной записи пользователя, а закрытая часть ключа остается на сервере, где нужно развернуть проект.
Категория: Web-разработкаРазное
Теги: CLIGitGitHubLinuxSSHWeb-разработкаКлючСервер

React.js. Модуль React Query. Часть 2 из 2

Для реализации пагинации с помощью React Query достаточно включить информацию о текущей странице в ключ запроса. И добавить на страницу списка постов информацию о текущей странице и кнопки для перехода к следующей и предыдущей. Кроме того, нам надо изменить код сервера, чтобы он возвращал не все посты, а только часть…
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.