Программирование

Термины сервера разработки и развертывания

Термины для локального сервера, сетевых URL, портов, сборки, деплоя, предупреждений и web-ошибок.

42 результатов

Локальная разработка

localhost

http://localhost:3001

Значение

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

Как используется

Используйте localhost при проверке сайта на том же компьютере Mac или PC, где работает сервер разработки.

Важно

Телефон или планшет имеет свой собственный localhost, поэтому он не может использовать адрес localhost вашего Mac.

Пример

http://localhost:3001

Пример запроса

Откройте локальный сайт по адресу localhost и проверьте новую страницу справки.

Локальная разработка

127.0.0.1

http://127.0.0.1:3001

Значение

IP-адрес обратной связи, который также указывает на тот же локальный компьютер.

Как используется

Его часто можно использовать взаимозаменяемо с localhost для тестирования на одном устройстве.

Пример

http://127.0.0.1:3001

Пример запроса

Попробуйте 127.0.0.1, если localhost не разрешается правильно.

Локальная разработка

Dev-сервер

Dev server

npm run dev

Значение

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

Как используется

Используйте это для предварительного просмотра изменений перед сборкой или развертыванием сайта.

Важно

Поведение серверной среды разработки не всегда идентично поведению рабочей среды.

Пример

npm run dev

Пример запроса

Запустите сервер разработки, чтобы я мог проверить страницу на своем iPhone.

Локальная разработка

Порт

Port

http://localhost:3001

Значение

Номер, идентифицирующий процесс сервера, который должен получить соединение на компьютере.

Как используется

Если один сервер использует порт 3001, другой сервер должен использовать другой порт, например 3002.

Пример

http://localhost:3001

Пример запроса

Если порт 3001 уже используется, запустите сервер разработки на другом порту.

Локальная разработка

Локальный URL

Local URL

Local: http://localhost:3001

Значение

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

Как используется

Используйте Local URL для проверок в браузере на локальной машине разработки.

Пример

Local: http://localhost:3001

Пример запроса

Сообщите мне Local URL после запуска dev-сервера.

Сетевой доступ

Сетевой URL.

Network URL

Network: http://172.30.1.55:3001

Значение

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

Как используется

Используйте это, когда вы проверяете сайт с iPhone, iPad или другого компьютера в той же сети Wi-Fi.

Важно

Сервер разработки должен прослушивать хост, доступный по сети, например 0.0.0.0.

Пример

Network: http://172.30.1.55:3001

Пример запроса

Запустите сервер разработки с сетевым URL, чтобы я мог протестировать его на своем iPad.

Сетевой доступ

IP-адрес.

IP address

172.30.1.55

Значение

Числовой адрес, идентифицирующий устройство в сети.

Как используется

IP-адрес в локальной сети LAN позволяет другому устройству в той же сети Wi-Fi получить доступ к вашему серверу разработки.

Важно

IP-адреса локальной сети могут меняться при изменении условий Wi-Fi или маршрутизатора.

Пример

172.30.1.55

Пример запроса

Используйте текущий LAN IP-адрес при добавлении разрешенных DevOrigins для тестирования устройств.

Сетевой доступ

Хост.

Host

--hostname 0.0.0.0

Значение

Адрес, к которому сервер привязывается при запуске прослушивания запросов.

Как используется

Привязка к 0.0.0.0 позволяет серверу разработки быть доступным с других устройств в сети.

Пример

--hostname 0.0.0.0

Пример запроса

Запустите сервер разработки с именем хоста 0.0.0.0 для тестирования на телефоне.

Сетевой доступ

Одинаковая сеть.

Same network

Mac и iPhone в одной сети Wi-Fi

Значение

Устройства, подключенные к одной локальной сети, обычно к одному и тому же маршрутизатору Wi-Fi.

Как используется

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

Пример

Mac и iPhone в одной сети Wi-Fi

Пример запроса

Проверьте, находятся ли iPhone и Mac в одной сети, прежде чем отлаживать сайт.

Поведение Next.js

allowedDevOrigins

allowedDevOrigins: ['172.30.1.55']

Значение

Настройка разработки Next.js, которая позволяет определенным источникам получать доступ к ресурсам разработки.

Как используется

Это может потребоваться при тестировании Next-сервера с телефона или планшета, используя LAN IP.

Важно

Это настройка для разработки. Развернутые статические сайты не используют тот же путь доступа к ресурсам для разработки.

Пример

allowedDevOrigins: ['172.30.1.55']

Пример запроса

Добавьте мой текущий LAN IP-адрес в allowedDevOrigins для тестирования разработки.

Сетевой доступ

Междоменное взаимодействие

Cross-origin

Blocked cross-origin request

Значение

Запрос между разными источниками, где схема, хост или порт отличаются.

Как используется

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

Пример

Blocked cross-origin request

Пример запроса

Объясните, влияет ли это предупреждение о междоменном доступе на развертывание в производственной среде.

Поведение Next.js

HMR

/_next/webpack-hmr

Значение

Hot Module Replacement (HMR) позволяет обновлять браузер во время разработки без полной перезагрузки.

Как используется

Если ресурсы HMR заблокированы, страница может загружаться, но интерактивные обновления или скрипты могут работать неправильно в режиме разработки.

Важно

HMR предназначен только для разработки и не является частью окончательной статической сборки.

Пример

/_next/webpack-hmr

Пример запроса

Проверьте, вызвана ли проблема с iPhone блокировкой ресурсов разработки HMR.

Поведение Next.js

Turbopack

Next.js 16.2.5 Turbopack.

Значение

Сборщик, используемый Next.js для разработки и сборки.

Как используется

Вы можете увидеть его имя в выходных данных сервера разработки или сборки.

Пример

Next.js 16.2.5 Turbopack.

Пример запроса

Кратко опишите вывод Turbopack и сообщите, успешно ли прошла сборка.

Поведение Next.js

App Router

src/app/[locale]/reference/page.tsx

Значение

Система маршрутизации Next.js, основанная на каталоге приложения.

Как используется

Добавление файла page.tsx в папку создает маршрут.

Пример

src/app/[locale]/reference/page.tsx

Пример запроса

Добавьте новую страницу справки, используя структуру папок App Router.

Поведение Next.js

generateStaticParams

generateStaticParams()

Значение

Функция Next.js, которая определяет, какие динамические маршруты должны быть сгенерированы во время сборки.

Как используется

Страницы локализации используют это для создания путей /en, /ko, /ja и других языков.

Пример

generateStaticParams()

Пример запроса

Убедитесь, что на новой странице справки для всех локалей есть параметр generateStaticParams.

Сборка и вывод

Сборка

Build

npm run build

Значение

Процесс компиляции и подготовки сайта к производству или статическому выводу.

Как используется

Запустите сборку перед развертыванием, чтобы выявить проблемы с TypeScript, маршрутизацией и статической генерацией.

Пример

npm run build

Пример запроса

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

Сборка и вывод

Линтинг

Lint

npm run lint

Значение

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

Как используется

Линтинг - это быстрая проверка перед сборкой или коммитом.

Пример

npm run lint

Пример запроса

Запустите lint после редактирования справочных страниц.

Сборка и вывод

Статический экспорт

Static export

output: "export"

Значение

Результат сборки, при котором страницы генерируются как статические файлы, а не требуют работающего сервера.

Как используется

Статический экспорт полезен для размещения сайтов в виде предварительно скомпилированных файлов HTML, CSS и JavaScript.

Важно

Некоторые серверные функции не работают при экспорте в статический формат.

Пример

output: "export"

Пример запроса

Сделайте новую страницу совместимой со статической экспортом.

Сборка и вывод

SSG

● SSG предварительно отрисовано как статический HTML.

Значение

Генерация статических сайтов создает страницы во время сборки.

Как используется

Страницы ссылок с параметрами generateStaticParams генерируются для каждого региона (locale) во время сборки.

Пример

● SSG предварительно отрисовано как статический HTML.

Пример запроса

Убедитесь, что путь ссылки отображается как SSG в выходных данных сборки.

Сборка и вывод

Предварительная отрисовка

Prerender

предварительно отрисовано как статический контент

Значение

Отображение страницы до того, как пользователь запросит ее, обычно во время сборки.

Как используется

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

Пример

предварительно отрисовано как статический контент

Пример запроса

Проверьте, успешно ли предварительно отрисованы все страницы для разных локалей.

Сборка и вывод

Пакет

Bundle

статический пакет JS

Значение

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

Как используется

Большие пакеты данных могут влиять на скорость загрузки и требуют внимания по мере роста сайта.

Пример

статический пакет JS

Пример запроса

Избегайте добавления тяжелой библиотеки только для простой страницы ссылок.

Деплой

Развертывание

Deploy

развернуть статическую версию

Значение

Публикация созданного сайта, чтобы пользователи могли получить к нему доступ в Интернете.

Как используется

Развертывание происходит после локальных проверок, линтинга и успешной сборки.

Пример

развернуть статическую версию

Пример запроса

Не развертывайте это еще; просто подготовьте страницу и запустите сборку.

Деплой

Производство

Production

развертывание для продакшена

Значение

Реальная среда, в которой пользователи получают доступ к сервису.

Как используется

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

Пример

развертывание для продакшена

Пример запроса

Объясните, влияет ли это предупреждение на производственную среду или только на разработку.

Деплой

Хостинг.

Hosting

сервис для статической хостинговой платформы

Значение

Сервис или сервер, который хранит и предоставляет файлы развернутого сайта.

Как используется

Статический экспорт может быть обслужен с помощью статического хостинга, когда логика сервера не требуется.

Пример

сервис для статической хостинговой платформы

Пример запроса

Убедитесь, что вывод работает при статической хостинге.

Деплой

Домен

Domain

example.com

Значение

Адрес, который пользователи вводят, чтобы перейти на сайт.

Как используется

Домен указывает на место размещения через DNS.

Пример

example.com

Пример запроса

Не используйте жестко закодированный адрес localhost в ссылках, которые должны работать в рабочей среде.

Деплой

DNS

Запись / CNAME-запись

Значение

Система, которая сопоставляет доменное имя с сервером или целевым хостингом.

Как используется

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

Пример

Запись / CNAME-запись

Пример запроса

Объясните, является ли проблема DNS или проблемой сборки приложения.

Деплой

Кэш

Cache

clear browser cache

Значение

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

Как используется

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

Пример

clear browser cache

Пример запроса

Проверьте, отображается ли старая страница из-за кеша.

Среда выполнения

Node.js

node --version

Значение

Среда выполнения JavaScript, используемая для запуска инструментов разработки, скриптов сборки и серверов.

Как используется

Команды Next.js для сборки и разработки выполняются в Node.js.

Пример

node --version

Пример запроса

Сообщите мне, исходит ли это предупреждение от Node.js, Next.js или от кода моего приложения.

Среда выполнения

npm

npm run build

Значение

Менеджер пакетов и интерпретатор скриптов, широко используемый в проектах на JavaScript.

Как используется

package.json определяет скрипты, такие как dev, lint и build, которые npm может запускать.

Пример

npm run build

Пример запроса

Запустите скрипт сборки npm и суммируйте результат.

Среда выполнения

package.json

"scripts": { "dev": "next dev -p 3001" }

Значение

Файл проекта, определяющий скрипты, зависимости и метаданные пакета.

Как используется

Проверьте package.json, чтобы узнать, какие команды проект ожидает, что вы будете выполнять.

Пример

"scripts": { "dev": "next dev -p 3001" }

Пример запроса

Проверьте package.json перед выбором команды для выполнения.

Среда выполнения

Переменная среды

Environment variable

NEXT_PUBLIC_SITE_URL=https://example.com

Значение

Значение, предоставляемое приложению или среде сборки вне исходного кода.

Как используется

Переменные среды используются для URL-адресов сайтов, ключей API и настроек, специфичных для развертывания.

Важно

Секреты не должны быть доступны через публичные клиентские переменные.

Пример

NEXT_PUBLIC_SITE_URL=https://example.com

Пример запроса

Не используйте жестко закодированный URL-адрес рабочей среды, если уже существует переменная окружения.

Ошибки и предупреждения

404

404 Not Found

Значение

Ошибка, означающая, что запрошенная страница или файл не найдены.

Как используется

Это может произойти, когда маршрут был удален, переименован или не был сгенерирован в статическом выводе.

Пример

404 Not Found

Пример запроса

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

Ошибки и предупреждения

500

500 Internal Server Error

Значение

Ошибка, означающая, что сервер не смог обработать запрос.

Как используется

Во время разработки терминал или браузер обычно отображают исходную ошибку.

Пример

500 Internal Server Error

Пример запроса

Если появляется ошибка 500, проверьте сообщение об ошибке в терминале и определите файл, в котором произошла ошибка.

Ошибки и предупреждения

Module not found

Module not found: Can't resolve '@/lib/programming'

Значение

Ошибка означает, что импорт указывает на файл или пакет, который не может быть найден.

Как используется

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

Пример

Module not found: Can't resolve '@/lib/programming'

Пример запроса

Найдите и обновите все импорты, которые все еще указывают на удаленный файл.

Ошибки и предупреждения

Экспорт не найден.

Export not found

Export programmingBasicsCopy doesn't exist

Значение

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

Как используется

Это может произойти, когда объект данных переименован, но импорты по-прежнему используют старое имя.

Пример

Export programmingBasicsCopy doesn't exist

Пример запроса

Заменить старое имя экспорта на новое во всех местах.

Ошибки и предупреждения

EADDRINUSE

listen EADDRINUSE: address already in use 0.0.0.0:3001

Значение

Ошибка означает, что другой процесс уже использует запрошенный хост и порт.

Как используется

Используйте другой порт или остановите существующий сервер, если вы намеренно хотите его заменить.

Пример

listen EADDRINUSE: address already in use 0.0.0.0:3001

Пример запроса

Если появляется ошибка EADDRINUSE, сообщите, какой порт занят, и используйте другой.

Ошибки и предупреждения

DeprecationWarning

[DEP0205] DeprecationWarning: module.register() is deprecated

Значение

Предупреждение о том, что API по-прежнему работает сейчас, но может быть удален или изменен позже.

Как используется

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

Пример

[DEP0205] DeprecationWarning: module.register() is deprecated

Пример запроса

Сообщите мне, безопасно ли это предупреждение DeprecationWarning или требует изменения кода.

Ошибки и предупреждения

Гидратация.

Hydration

Hydration failed because the server rendered HTML didn't match

Значение

Процесс, в котором клиентский JavaScript подключается к HTML, сгенерированному на сервере.

Как используется

Ошибки несоответствия возникают, когда сервер и клиент отображают разное начальное содержимое.

Пример

Hydration failed because the server rendered HTML didn't match

Пример запроса

Если гидратация не удалась, проверьте, какой компонент отображается по-разному на клиенте.

Команды

npm run dev

npm run dev

Значение

Скрипт проекта, запускающий локальный сервер разработки.

Как используется

Используйте это при редактировании страниц и проверке изменений локально.

Пример

npm run dev

Пример запроса

Запустите `npm run dev` и сообщите мне локальные и сетевые URL-адреса.

Команды

npm run build

npm run build

Значение

Скрипт проекта, создающий сборку для производства или статическую экспортную версию.

Как используется

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

Пример

npm run build

Пример запроса

Запустите `npm run build` и суммируйте все предупреждения или ошибки.

Команды

npm run lint

npm run lint

Значение

Скрипт проекта, выполняющий проверки линтинга.

Как используется

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

Пример

npm run lint

Пример запроса

Запустите lint перед сборкой сайта.

Команды

curl

curl -I http://localhost:3001/ko

Значение

Инструмент командной строки для выполнения HTTP-запросов и проверки ответов.

Как используется

curl can quickly check whether a local or deployed page responds with 200, 404, or another status.

Пример

curl -I http://localhost:3001/ko

Пример запроса

Используйте `curl` для проверки, возвращает ли новый маршрут 200.