Эта статья поможет новичкам начать работу с NodeJs с нуля, создать оставшийся API и расширить его до полного приложения MERN в следующих статьях.
Предпосылки:
- Знание HTML, CSS, JAVASCRIPT и ReactJs, так как мы собираемся рассказать обо всех этих технологиях в следующих статьях.
- Основы Javascript, такие как создание экспресс-сервера JS.
- Сохраняйте мотивацию к обучению.
Инструменты, которые я предпочитаю:
- Редактор кода Мне нравится использовать код Visual Studio. Так как это лучший редактор, который я знаю. Дайте мне знать, если вы знаете лучшие варианты, чем этот.
- Почтальон для проверки конечных точек API.
Начать:
Первым делом мы перейдем к каталогу, в котором мы хотим инициализировать наш package.json. Как только мы перейдем в каталог, мы собираемся запустить эту команду, чтобы создать package.json npm init -y, как только мы нажмем Enter, мы сможем увидеть созданный package.json file. Здесь мы создадим имя каталога app внутри него создадим имя файла app.js Это будет выглядеть примерно так. Позже мы создадим и все остальные каталоги. В итоге вот так будет выглядеть наша файловая структура.
Теперь внутри package.json внутри скриптов мы добавим две строки: одну для запуска с использованием node, а другую для запуска с nodemon npm-пакетом. Это будет выглядеть примерно так.
После этого мы собираемся установить некоторые пакеты, которые нам понадобятся. Чтобы установить все пакеты, мы запустим команду npm в нашем терминале. Нравится
npm install -D nodemon Здесь -D означает зависимость от разработчиков.
Мы собираемся добавить некоторые зависимости, а в начале нам нужно будет запустить эту команду для установки ExpressJs, body-parser и mongoose мы собираемся использовать mongoDB для нашей базы данных, поэтому мы будем использовать moongoose Это инструмент моделирования данных для базы данных mongoDB. Мы запустим эту строку в нашем терминале.
npm install express body-parser mongoose
После того, как эти шаги будут выполнены, мы перейдем к нашему файлу app.js и инициализируем наш сервер с помощью. Вот как это будет выглядеть после реализации всех трех вышеуказанных пакетов.
Здесь я использую MongoDB Atlas, этот URL-адрес здесь соединит нас с базой данных mongodb с именем базы данных mern-app. Я также добавил почтовый маршрут в строке 15. И импортировал postRouter в строку 2. Я создам этот файл через мгновение в каталоге маршрутов.
После установки нашего app.js первое, что мы собираемся сделать, это создать модель Post вот как выглядит код. Внутри модели мы собираемся предоставить все поля, которые мы собираемся сохранить в базе данных, связанные с публикацией.
После добавления модели поста мы перейдем в каталог Routes. Я создам файл с именем postRoutes, здесь у нас будут все маршруты, связанные с постами. Здесь это будет выглядеть примерно так после добавления всех 4 маршрутов CRUD.
Здесь я добавил еще один пакет под названием express-validator, который помогает нам проверять входящие данные.
В строке 2 я импортировал postController, мы создадим его через мгновение. Но, прежде всего, давайте посмотрим на express-validator, здесь мы используем тело из экспресс-валидатора, и длина заголовка должна быть больше 5, а содержание должно быть больше 10.
Теперь здесь мы смотрим на пост-контроллер, где остается вся функциональность. Давайте сначала посмотрим код.
Здесь я добавил функции для загрузки изображения в пост, как вы можете видеть в функции создания поста. И для загрузки изображения нам нужно установить еще один пакет с именем multer, вы можете установить его, выполнив эту команду npm install multer После установки этого нам нужно добавить некоторые дополнительные настройки в наш app.js Здесь вы можете увидеть полный код ниже.
Вот как вы можете создать творожный API с помощью Express JS. В следующем посте мы добавим аутентификацию.
