[Node.js] Базовое использование платформы Express
[Node.js] Базовое использование платформы Express
Оглавление

Первое знакомство с Экспрессом

Введение в Экспресс

Что такое экспресс

Узнать больше об Экспрессе

Что может Экспресс?

Основное использование Экспресса

Установить

                                 Создание базового веб-сервера

Прослушивание GET-запросов

Слушайте запросы на публикацию

Получить параметры запроса, содержащиеся в URL-адресе

Получить динамические параметры в URL

Начальный экспресс

Хостинг статических ресурсов

                express.static()

Префикс пути монтирования

         nodemon

Зачем использовать нодемон

Установить nodemon 

                      Использование nodemon

Экспресс-маршрутизация

Концепция маршрутизации

Что такое маршрутизация

Маршрутизация в реальной жизни

Маршрутизация в Экспрессе

Процесс сопоставления маршрутизации

Использование маршрутизации

Самый простой способ его использования

Модульная маршрутизация

Создайте модуль маршрутизации

Экспресс-промежуточное программное обеспечение

Концепция промежуточного программного обеспечения

Что такое промежуточное программное обеспечение

Примеры из реальной жизни

                Экспресс-промежуточное программное обеспечение Процесс вызова

Экспресс-формат промежуточного программного обеспечения

Функция следующей функции

       Экспресс-промежуточное программное обеспечениепервый опыт

Определение функций промежуточного программного обеспечения

Запуск использования функций промежуточного программного обеспечения


Первое знакомство с Экспрессом

Введение в Экспресс

Что такое экспресс

Официальная концепция: Express — это быстрая, открытая и минималистичная среда веб-разработки, основанная на платформе Node.js.

С точки зрения непрофессионала, Express функционирует аналогично встроенному http-модулю Node.js, который специально используется для создания веб-серверов.

Суть Express: это третий пакет npm, предоставляющий удобный способ быстрого создания веб-сервера.

Официальный сайт Express в Китае:официальный сайт экспресс

Узнать больше об Экспрессе

Express имеет более высокую эффективность разработки. Встроенный модуль http очень сложен в использовании, а эффективность разработки низкая. Express дополнительно инкапсулируется на основе встроенного модуля http. Это может значительно повысить эффективность разработки.

Отношения между встроенным модулем http и Express аналогичны WebAPI и jquery. Последний дополнительно инкапсулирован на основе первого.

Что может Экспресс?

Для фронтенд-программистов наиболее распространены два сервера:

  • Веб-сервер: сервер, который специально предоставляет внешние ресурсы веб-страницы.
  • Сервер интерфейса API: сервер, который специально предоставляет интерфейсы API внешнему миру.

Используя Express, мы можем легко и быстро создать сервер веб-сайта или сервер интерфейса API.

Основное использование Экспресса

Установить

В корне Оглавление где находится проект,Запустите следующую команду терминала,Вы можете Установитьexpress в проект для использования.

Язык кода:javascript
копировать
npm i express@4.17.1

 Попробуйте указать версию Чтобы избежать чего-либо другого позже Ошибка

                                 Создание базового веб-сервера

После использования npm для загрузки стороннего пакета используйте expres для создания сервера.

Язык кода:javascript
копировать
//Импорт экспресс
const express = require('express');
//Создаем веб-сервер
const app = express();
//Слушаем сервер
app.listen(8080, () => {
    console.log('Сервер успешно создан');
})

Прослушивание GET-запросов

С помощью метода app.get() прослушивайте запросы GET от клиента.

Язык кода:javascript
копировать
//мониторget请求
app.get('/user', (req, res) => {
    //Методres.sen отправляет данные клиенту
    res.send({
        name: 'xiaoxie',
        age: 20,
        gender: 'мужской'
    })
})

Запустите сервер. Введите адрес в почтовом индексе, чтобы отправить запрос на получение и получить данные.

Слушайте запросы на публикацию

С помощью метода app.post() вы можете отслеживать почтовый запрос клиента.

Язык кода:javascript
копировать
app.post('/user', (req, res) => {
    res.send('Запрос успешен')
})

Получить параметры запроса, содержащиеся в URL-адресе

Через объект req.query можно получить доступ к параметрам, отправляемым клиентом серверу в виде строк запроса:

Это преобразование строки пары ключ-значение, полученной с помощью метода сериализации () в ajax, в объект.

Язык кода:javascript
копировать
app.get('/', (req, res) => {
    //по умолчанию это пустой объект
    console.log(req.query);
    res.send(req.query);
})

Написание его после вопросительного знака в адресной строке аналогично написанию его в параметрах.

Получить динамические параметры в URL

Через объект req.params вы можете получить доступ к URL-адресу. Pass: для сопоставления динамических параметров. Двоеточие — это фиксированный метод записи, указывающий, что за ним стоят динамические параметры. Идентификатор отображаемого имени можно настроить с любым именем.

Язык кода:javascript
копировать
app.get('/user/:id/:name', (req, res) => {
    //по умолчанию это пустой объект
    console.log(req.params);
    res.send(req.params);
})

Начальный экспресс

Хостинг статических ресурсов

                express.static()

Express предоставляет очень простую в использовании функцию под названием express.static(). С ее помощью мы можем легко создать статический менеджер ресурсов. Например, с помощью следующего кода мы можем использовать следующий код для добавления изображений, файлов CSS и т. д. и JavaScript в общедоступном каталоге. Теперь файл открыт для общего доступа.

Открываем в открытый доступ предыдущий корпус часов и папку с часами.

Язык кода:javascript
копировать
// Открытые часы Оглавление для публики

//Импорт экспресс

const express = require('express');
//создание экземпляра
const app = express();
//Используйте метод express.static() для быстрого предоставления статических ресурсов внешнему миру
app.use(express.static('./часы/часы'))


//монитор
app.listen(8080, () => {
    console.log('Доступ успешен Адрес http://127.0.0.1:8080');
})

Доступ непосредственно в строке пути. При доступе вам нужно опустить папку и просто написать имя файла напрямую.

Если подключено несколько папок и имеют одинаковое имя файла, как отобразить первый файл по порядку сверху вниз.

Префикс пути монтирования

Мы можем добавить замаскированное имя папки перед доступом к указанному файлу в адресной строке.

Этот abc не является настоящей папкой, но при доступе к нему в адресной строке необходимо добавить этот префикс.

Язык кода:javascript
копировать
app.use('abc', express.static('./часы/часы'))

         nodemon

Зачем использовать нодемон

 При написании и тестировании проектов Node.js, если вы изменяете код проекта, вам придется часто закрывать его вручную, а затем повторно запускать, что очень обременительно. Теперь мы можем использовать. нодмон — это инструмент, который может отслеживать изменения в файлах проекта. При изменении кода nodemon автоматически перезапускает проект, что значительно облегчает разработку и тестирование.

Установить nodemon 

全局Установитьnodemon。

Язык кода:javascript
копировать
npm i nodemon -g 

                      Использование nodemon

имя файла узламона

После запуска, пока измененный файл сохраняется, проект будет автоматически перезапущен.

Экспресс-маршрутизация

Концепция маршрутизации

Что такое маршрутизация

В широком смысле маршрутизация — это картографические отношения.

Маршрутизация в реальной жизни

Маршрутизация в Экспрессе

В Express маршрутизация относится к взаимосвязи между запросами клиента и функциями обработки сервера. Маршрутизация в Express разделена на 3 части: тип запроса, запрашиваемый URL-адрес и функция обработки.

Процесс сопоставления маршрутизации

Всякий раз, когда запрос достигает сервера, его необходимо сопоставить с помощью маршрутизации. Только после успешного сопоставления будет вызвана соответствующая функция обработки. При сопоставлении сопоставление будет осуществляться в порядке маршрутизации. Если тип запроса и запрошенный URL-адрес успешно совпадают одновременно, Express передаст запрос соответствующей функции для обработки.

Использование маршрутизации

Самый простой способ его использования

Самый простой способ использовать маршрутизацию в Express — подключить маршрутизацию к приложению.

Язык кода:javascript
копировать
const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.send('hello world')
})

app.post('/', (req, res) => {
    res.send('hello post')
})

app.listen(8080, () => {
    console.log('http:127.0.0.1:8080');
})

Модульная маршрутизация

Чтобы облегчить модульное управление маршрутизацией, Express не рекомендует устанавливать маршрутизацию непосредственно в приложение. Вместо этого рекомендуется выделить маршрутизацию в отдельный модуль.

Шаги по выделению маршрутизации в отдельный модуль следующие:

  1. Создайте js-файл, соответствующий модулю маршрутизации.
  2. Вызовите функцию express.Router(), чтобы создать объект маршрутизации.
  3. Подключите конкретный объект маршрутизации к
  4. Используйте модуль.exports для внешнего доступа к объектам маршрутизации.
  5. Зарегистрируйте модуль маршрутизации с помощью функции app.use().

Создайте модуль маршрутизации

Создайте модуль маршрутизации в новом js-файле и откройте его для внешнего мира.

Язык кода:javascript
копировать
//Это модуль маршрутизации


//Импорт экспресс
const express = require('express');
//Создаем объект маршрутизации
const router = express.Router();

//Монтируем конкретную маршрутизацию

router.get('/user/list', (req, res) => {
    res.send('Get user list')
})

router.post('/user/add', (req, res) => {
    res.send('Add new user');
})

//Открываем объект маршрутизации снаружи
module.exports = router;

Импортируйте и зарегистрируйте модуль маршрутизации.

Язык кода:javascript
копировать
const express = require('express');
const app = express();

//Импортируем модуль маршрутизации
const router = require('./route.js')
//Регистрируем модуль маршрутизации
app.use(router);

app.listen(8080, () => {
    console.log('http:127.0.0.1:8080');
})

Уведомление Функция app.use — регистрация глобального промежуточного программного обеспечения.

Добавить префикс доступа к модулю маршрутизации

Язык кода:javascript
копировать
const express = require('express');
const app = express();

//Импортируем модуль маршрутизации
const router = require('./route.js')
//Регистрируем модуль маршрутизации
//Добавляем префикс
app.use('/api', router);

app.listen(8080, () => {
    console.log('http:127.0.0.1:8080');
})

Экспресс-промежуточное программное обеспечение

Концепция промежуточного программного обеспечения

Что такое промежуточное программное обеспечение

Промежуточное программное обеспечение относится конкретно к промежуточным звеньям обработки бизнес-процессов.

Примеры из реальной жизни

При очистке сточных вод обычно используются три звена очистки, обеспечивающие соответствие очищенных сточных вод стандартам сброса.

                Экспресс-промежуточное программное обеспечение Процесс вызова

Когда запрос достигает сервера Express, можно непрерывно вызывать несколько промежуточных программ для предварительной обработки запроса.

Экспресс-формат промежуточного программного обеспечения

                 Expressизпромежуточное программное обеспечение, по сути функция обработки, Экспресс-промежуточное программное Формат обеспечения следующий:

Уведомление:промежуточное программное Формальный список параметров функции обеспечения должен содержать следующий параметр. Функция обработки маршрутизации содержит только req и res.

Функция следующей функции

 Следующая функция – реализация многократного промежуточного программное обеспечение Залог непрерывного звонка, что означает перенос отношения перевода на следующее промежуточное программное обеспечениеилимаршрутизация。

       Экспресс-промежуточное программное обеспечениепервый опыт

Определение функций промежуточного программного обеспечения

Вы можете определить простейшую функцию промежуточного программного обеспечения следующим образом:

Язык кода:javascript
копировать
const express = require('express');

const app = express();

//Определим простое промежуточное программное обеспечениефункция

const mw = function (req, res, next) {
    console.log('Это самое простое промежуточное программное обеспечениефункция');    //Переносим отношение передачи на следующее промежуточное программное обеспечение
    next()
}


app.listen(8080, () => {
    console.log('http://localhost:8080');
})

Запуск использования функций промежуточного программного обеспечения

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

Язык кода:javascript
копировать
//Определим простое промежуточное программное обеспечениефункция

const mw = function (req, res, next) {
    console.log('Это самое простое промежуточное программное обеспечениефункция');    //Переносим отношение передачи на следующее промежуточное программное обеспечение
    next()
}

//Глобально эффективное промежуточное программное обеспечение
app.use(mw)
boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода