Обязательная к изучению интерфейсная среда Express: практика построения проектов Node.js и разработки интерфейсов
Обязательная к изучению интерфейсная среда Express: практика построения проектов Node.js и разработки интерфейсов

введение

Express — это легкая платформа веб-приложений, основанная на платформе Node.js. Она предоставляет простой API и богатые функции, позволяющие разработчикам быстро создавать веб-серверы и API. Эта статья поможет вам создать простое веб-приложение с нуля с использованием платформы Express.

Введение в среду Express

Express — это быстрая, независимая, минималистичная веб-инфраструктура Node.js, предоставляющая мощный набор функций для веб-приложений и мобильных приложений. Ниже приводится подробное введение в среду Express:

Простой и гибкий: Express предоставляет легкие, минимальные основные функции, позволяющие разработчикам настраивать и расширять их по мере необходимости. Эта гибкость делает Express адаптируемым к веб-приложениям любого размера и сложности. Поддержка промежуточного программного обеспечения: Express имеет мощный механизм промежуточного программного обеспечения, который позволяет организовывать и обрабатывать логику с помощью промежуточного программного обеспечения во время обработки запросов и ответов. Промежуточное программное обеспечение может использоваться для выполнения различных задач, таких как проверка личности пользователя, анализ тела запроса, обработка статических файлов и т. д., тем самым удобно реализуя различные функции и расширения. Система маршрутизации: Express предоставляет гибкую систему маршрутизации, которая может обрабатывать различные пути и методы запросов, определяя функции маршрутизации и обработки. Это позволяет разработчикам легко реализовывать сложную логику сопоставления URL-адресов и обработки запросов. Поддержка механизма шаблонов. Хотя Express не имеет встроенного механизма шаблонов, он позволяет интегрировать различные сторонние механизмы шаблонов для визуализации динамических страниц. Это дает разработчикам больше выбора и гибкости в выборе подходящего механизма шаблонов в соответствии с потребностями их проекта. Служба статических файлов. Платформа Express может быстро установить путь доступа к статическим файлам, чтобы облегчить доступ к статическим файлам, таким как изображения, CSS и JavaScript. Кроме того, многие популярные платформы Node.js построены на Express, что еще раз доказывает его мощь и широкий спектр приложений.

Короче говоря, платформа Express стала одной из предпочтительных платформ для разработчиков Node.js для создания веб-приложений благодаря своей простоте, гибкости и мощным функциям. Независимо от того, являетесь ли вы стартапом или крупной компанией, вы можете использовать платформу Express для быстрого и эффективного создания высококачественных веб-приложений.

экспресс установка

Экологическая подготовка

  1. Установите Node.js: перейдите на официальный сайт Node.js, чтобы загрузить и установить версию Node.js, подходящую для вашей операционной системы.

express — это минималистичная и гибкая среда разработки веб-приложений, основанная на платформе Node.js. Проще говоря, express — это инкапсулированный набор инструментов, который инкапсулирует множество функций для облегчения разработки веб-приложений (HTTP-сервисы сами по себе являются пакетом npm). его можно установить через npm

  1. Установка Express: используйте npm (менеджер пакетов Node) для установки Express. Выполните следующие команды в командной строке:
Язык кода:javascript
копировать
npm init
npm i express

Напишите простую презентацию проекта

Язык кода:javascript
копировать
//1. импортировать express
const express = require('express');
//2. Создать объект приложения
const app = express();

//3. порт прослушивания Запустить службу
app.listen(3000, () => {
    console.log("server is running on port 3000");
}
)

Эффект операции:

получить демонстрацию интерфейса

Язык кода:javascript
копировать
app.get('/', (req, res) => {
    res.send("Hello World");
})

Поскольку это интерфейс получения, вы можете запросить его напрямую в браузере (адрес порта + имя интерфейса).

Напишите еще несколько и попробуйте их:

Язык кода:javascript
копировать
app.get('/api/login', (req, res) => {
    res.send("api");
})

демонстрация постинтерфейса

  1. Импортируйте модуль Express: Сначала убедитесь, что вы установили Express модуль и звание в ваше приложение.
Язык кода:javascript
копировать
const express = require('express');
const app = express();
  1. Настройте обработчик маршрута: использовать app.post() Настройки метода POST Обработчик маршрута для запроса. Этот метод принимает два параметра: первый параметр — это путь маршрутизации, а второй параметр — функция обратного вызова для обработки запроса.
Язык кода:javascript
копировать
app.post('/login', (req, res) => {
  // иметь дело с POST просить
});
  1. Разбираем тело запроса: Обработка POST просить До,Обычно требуется анализироватьпросить тело среды из данных. Вы можете использовать Express встроенный express.json() или express.urlencoded() промежуточное программное обеспечение для анализа JSON Формат URL Запросите данные тела в закодированном формате.
Язык кода:javascript
копировать
app.use(express.json()); // анализировать JSON Форматзпроситьтелоданные
app.use(express.urlencoded({ extended: true })); // анализировать URL кодирование Форматзпроситьтелоданные
  1. Обработать запрос: существовать POST В обработчике маршрута запроса вы можете передать req.body Объект обращается к данным в теле запроса. Выполните соответствующие операции на основе данных в теле запроса.
Язык кода:javascript
копировать
app.post('/login', (req, res) => {
  const { username, password } = req.body;
  
  // существуют, выполните проверку имени пользователя и пароля и логику здесь
  if (username === 'admin' && password === '123456') {
    res.send('Вход успешен');
  } else {
    res.status(401).send('Имя пользователя и пароль неверны');
  }
});
  1. Запустите сервер: наконец,использовать app.listen() начало метода Express сервер и укажите номер порта прослушивания.
Язык кода:javascript
копировать
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

Таким образом, ваше приложение Express может обрабатывать запросы POST. Не забудьте выполнить соответствующую логику обработки и проверки в соответствии с вашими фактическими потребностями.

Примечание

при использовании Node.js и Express При написании интерфейса следует учитывать несколько моментов:

  1. Обработка ошибок: Убедитесь, что ваше приложение работает без ошибок. дело механизм. Это включает в себя захват и владение дело ссинхронныйиасинхронная ошибка,И верните клиенту соответствующий код состояния ошибки и сообщение об ошибке.
  2. Безопасность: Очень важно учитывать безопасность. Избегайте устаревших зависимостей и своевременно обновляйте зависимости, чтобы устранить возможные уязвимости безопасности. Кроме того, убедитесь, что вводимые пользователем данные проверены и очищены, чтобы предотвратить распространенные проблемы безопасности, такие как SQL Инъекции, межсайтовый скриптинг (XSS) и т. д.
  3. промежуточное программное обеспечение: Express Промежуточное программное обеспечение — это мощный способ расширить функциональность рамки. Разумное использование промежуточного программного обеспечения может упростить код. безопасности、Улучшить производительность и т. д.。Но обратите внимание на промежуточное программное обеспечениеиззаказ,Убедитесь, что они выполняются в правильном порядке.
  4. Маршрутная организация: Хорошая организация маршрутизации может облегчить поддержку и понимание кода. Рассмотрите возможность разделения маршрута на несколько файлов и использования Express из Router Функции для их организации и управления.
  5. Ведение журнала: Регистрация информации об ответах на запросы важна для устранения неполадок и мониторинга производительности приложений. используйте соответствующий инструмент журналирования или промежуточное программное обеспечение для регистрации просить, Ответ и сообщение об ошибке.
  6. Оптимизация производительности: Крайне важно учитывать оптимизацию производительности. Сюда входят соответствующие механизмы кэширования, сжатые данные ответов, CDN Ускорьте статические ресурсы и многое другое. кроме того,Обеспечьте правильное использование асинхронных операций и избегайте блокировки операций.,Для улучшения отзывчивости приложений.
  7. тест: Написание модульных и интеграционных тестов является важным средством обеспечения качества приложения. Используйте тестовую рамку для написания и запуска тестов и обеспечения того, чтобы тесты охватывали все аспекты приложения.
  8. Контроль версий: использовать систему контроля версий (например, Git)управлять кодом,И регулярно фиксируйте и отправляйте изменения в код. Это обеспечивает сотрудничество между членами команды.,И упрощает отслеживание и восстановление кода.
boy illustration
Облачный шлюз Spring реализует примеры балансировки нагрузки и проверки входа в систему.
boy illustration
Используйте Nginx для решения междоменных проблем
boy illustration
Произошла ошибка, когда сервер веб-сайта установил соединение с базой данных. WordPress предложил решение проблемы с установкой соединения с базой данных... [Легко понять]
boy illustration
Новый адрес java-библиотеки_16 топовых Java-проектов с открытым исходным кодом, достойных вашего внимания! Обязательно к просмотру новичкам
boy illustration
Лучшие практики Kubernetes для устранения несоответствий часовых поясов внутри контейнеров
boy illustration
Введение в проект удаления водяных знаков из коротких видео на GitHub Douyin_TikTok_Download_API
boy illustration
Весенние аннотации: подробное объяснение @Service!
boy illustration
Пожалуйста, не используйте foreach для пакетной вставки в MyBatis. Для 5000 фрагментов данных потребовалось 14 минут. .
boy illustration
Как создать проект Node.js с помощью npm?
boy illustration
Mybatis-plus использует typeHandler для преобразования объединенных строк String в списки списков.
boy illustration
Не удалось установить программное обеспечение Mitsubishi. Возможно, возникла проблема с реестром.
boy illustration
Разрешение ошибок проекта SpringBoot 3 mybatis-plus: org.apache.ibatis.binding.BindingException: неверный оператор привязки
boy illustration
Более краткая проверка параметров. Для проверки параметров используйте SpringBoot Validation.
boy illustration
Поиграйтесь с интеграцией Spring Boot (платформа запланированных задач Quartz)
boy illustration
Несколько популярных режимов интерфейса API: RESTful, GraphQL, gRPC, WebSocket, Webhook.
boy illustration
Redis: практика публикации (pub) и подписки (sub)
boy illustration
Подробное объяснение пакета Golang Context
boy illustration
Краткое руководство: создайте свое первое приложение .NET Aspire
boy illustration
Краткое обсуждение метода пакетной вставки MyBatis: обработка 100 000 фрагментов данных занимает всего 2 секунды.
boy illustration
[Инструмент] Используйте nvm для управления переключением версий nodejs, это так здорово!
boy illustration
HTML можно преобразовать в word_html для отображения текстовых документов.
boy illustration
Статья Spring Security 6.x для быстрого понимания принципов настройки
boy illustration
Не забудьте изменить имя каждого модуля RUOYI один раз, чтобы избежать мошенничества ~~~
boy illustration
Научите вас шаг за шагом, как интегрировать систему обслуживания клиентов Hunyuan AI Q&A от 0 до 1.
boy illustration
Подробное объяснение Gzip: принципы и применение алгоритмов сжатия.
boy illustration
Скачать Tomcat - ссылка для скачивания на официальном сайте tomcat7, tomcat8, tomcat9
boy illustration
Развертывание IIS.NetCore
boy illustration
[Оптимизация памяти Android] Общие функции инструмента Android Profiler (мониторинг памяти | снимок памяти)
boy illustration
Встроенная в Springboot пользовательская конфигурация временного каталога, связанного с Tomcat.
boy illustration
Краткое руководство по началу работы с Element-UI