Программирование
Справочник по сетевым терминам для локальной разработки, браузерных запросов, API, Docker и деплоя.
42 терминов
Адреса и имена
IP address
192.168.1.25Числовой адрес, используемый для поиска устройства в сети.
Используйте это, когда другому устройству необходимо получить доступ к вашему компьютеру, серверу или хосту контейнера.
192.168.1.25Объясните, какой IP адрес мне следует использовать с другого устройства.
Адреса и имена
IPv4
192.168.0.10Общий формат IP-адреса из четырех частей.
Большинство примеров локальной сети используют IPv4-адреса, такие как 192.168.x.x или 10.x.x.x.
192.168.0.10Сообщите мне, является ли этот адрес адресом локальной сети IPv4.
Адреса и имена
IPv6
::1Более новый формат IP-адреса, имеющий большую длину, предназначенный для обеспечения гораздо большего количества адресов.
Вы можете увидеть IPv6 в журналах, привязках к localhost или в выходных данных сетевого интерфейса сервера.
::1Объясните, использует ли этот журнал IPv4 или IPv6.
Адреса и имена
localhost
http://localhost:3000Имя, обозначающее тот же компьютер, на котором работает код или браузер.
Используйте это с того же компьютера, на котором работает сервер разработки.
На телефоне localhost означает сам телефон, а не ваш компьютер для разработки.
http://localhost:3000Объясните, почему localhost работает на моем компьютере, но не на моем телефоне.
Адреса и имена
127.0.0.1
http://127.0.0.1:3000Общий IPv4-адрес обратной связи для текущей машины.
Используйте это в качестве числовой альтернативы localhost.
http://127.0.0.1:3000Объясните, эквивалентны ли localhost и 127.0.0.1 в данном случае.
Адреса и имена
0.0.0.0
next dev -H 0.0.0.0Адрес, используемый серверами для прослушивания всех доступных сетевых интерфейсов.
Используйте это, когда другому устройству в той же сети необходимо получить доступ к вашему серверу разработки.
Это может сделать сервер разработки более доступным, чем localhost.
next dev -H 0.0.0.0Объясните, должен ли этот сервер разработки привязываться к 0.0.0.0.
Адреса и имена
Hostname
my-laptop.localЧитаемое имя для устройства или сервера.
Используйте это, когда имя сети легче запомнить, чем IP-адрес.
my-laptop.localОбъясните, разрешается ли этот хост-имя в ожидаемый IP-адрес.
Адреса и имена
Domain
example.comЧеловекочитаемое интернет-имя для веб-сайта или сервиса.
Используйте домены для публичных сайтов вместо того, чтобы просить пользователей запоминать IP-адреса серверов.
example.comОбъясните, какой домен должен использоваться этим развернутым сайтом.
Адреса и имена
DNS
example.com -> 93.184.216.34Система, которая преобразует доменные имена в IP-адреса.
Используйте записи DNS при подключении домена к службе хостинга или серверу.
example.com -> 93.184.216.34Объясните, какая запись DNS необходима для этого домена.
Порты и соединения
Port
3000Номер, идентифицирующий приложение или службу, получающие трафик на компьютере.
Серверы разработки часто используют порты, такие как 3000, 3001, 5173 или 8000.
3000Сообщите мне, какой порт использует этот сервер.
Порты и соединения
Listen
Доступно по адресу http://localhost:3000Сервер прослушивает, когда он готов принимать запросы на адрес и порт.
Проверьте выходной поток, чтобы узнать, какой URL можно открыть в браузере.
Доступно по адресу http://localhost:3000Объясните, на каком порту прослушивает этот сервер.
Порты и соединения
Port forwarding
8080 -> 3000Перенаправление трафика с одного порта или машины на другой порт или машину.
Используйте это в маршрутизаторах, туннелях, контейнерах и средах удаленной разработки.
8080 -> 3000Объясните, на какой порт выполняется перенаправление.
Порты и соединения
Firewall
Разрешить входящие соединения на порту 3000Система правил, которая разрешает или блокирует сетевой трафик.
Проверьте это, если сервер работает локально, но другое устройство не может подключиться.
Разрешить входящие соединения на порту 3000Объясните, может ли брандмауэр блокировать это локальное соединение.
Web-запросы
URL
https://example.com/docs?page=1Полный адрес, используемый для запроса веб-ресурса.
URL-адрес включает протокол, хост, необязательный порт, путь, строку запроса и иногда фрагмент.
https://example.com/docs?page=1Разделите этот URL на протокол, хост, порт, путь и параметры запроса.
Web-запросы
Path
/ko/reference/dockerЧасть URL-адреса, которая идентифицирует маршрут или ресурс на сервере.
Используйте это для понимания, какая страница или конечная точка API запрашивается.
/ko/reference/dockerСообщите мне, к какому маршруту приложения сопоставлен этот URL.
Web-запросы
Query string
?page=1&lang=koЧасть URL-адреса после символа ?, которая передает дополнительные параметры.
Используйте это для фильтров, номеров страниц, поисковых запросов и легких опций.
?page=1&lang=koОбъясните, какие параметры запроса отправляет этот URL.
Web-запросы
HTTP
http://localhost:3000Базовый протокол, который браузеры и серверы используют для веб-запросов и ответов.
Локальная разработка часто использует HTTP до настройки HTTPS для производственной среды.
http://localhost:3000Объясните, использует ли этот локальный URL HTTP или HTTPS.
Web-запросы
HTTPS
https://example.comHTTP, защищенный шифрованием TLS.
Используйте HTTPS для публичных сайтов, входа в систему, cookie, платежей, API и производственного трафика.
https://example.comОбъясните, нужен ли этому развернутому сайту HTTPS.
Web-запросы
HTTP method
GET /api/toolsГлагол, указывающий серверу, какой тип действия требуется выполнить.
GET обычно используется для чтения данных, в то время как POST обычно используется для создания или отправки данных.
GET /api/toolsОбъясните, какой HTTP метод следует использовать для этого API запроса.
Web-запросы
Status code
200 OK / 404 Not Found / 500 Internal Server ErrorНомер, обобщающий результат ответа HTTP.
Используйте это для быстрого разделения ответов об успехе, перенаправлении, ошибках клиента и ошибках сервера.
200 OK / 404 Not Found / 500 Internal Server ErrorОбъясните, что означает этот HTTP-код состояния.
Web-запросы
Header
Content-Type: application/jsonМетаданные, отправляемые вместе с HTTP-запросом или ответом.
Заголовки содержат тип контента, авторизацию, cookie, правила кэширования и настройки CORS.
Content-Type: application/jsonОбъясните важные заголовки в этом ответе.
Web-запросы
Body
{"name":"demo"}Основное содержимое данных, отправляемое в HTTP-запросе или ответе.
Запросы POST и PUT часто отправляют данные в формате JSON в теле запроса.
{"name":"demo"}Объясните, какие данные отправляет тело этого запроса.
Безопасность браузера
Origin
http://192.168.1.25:3000Комбинация протокола, хоста и порта.
Используйте origin для анализа CORS, cookies и правил безопасности браузера.
Изменение только порта создает другой источник.
http://192.168.1.25:3000Определите происхождение этого URL.
Безопасность браузера
Same-origin policy
https://app.example.com cannot freely read https://api.example.comПравило браузера, которое ограничивает то, как страницы могут читать данные из других источников.
Используйте это для понимания, почему запросы API от браузера могут завершаться неудачей, даже если сервер доступен.
https://app.example.com cannot freely read https://api.example.comОбъясните, является ли это проблемой политики одного источника.
Безопасность браузера
CORS
Access-Control-Allow-Origin: https://app.example.com | app.example.comСистема разрешений на стороне сервера, которая позволяет браузерам использовать ответы от другого источника.
Используйте это, когда клиентское приложение делает запрос к API, размещенному на другом домене.
CORS должен быть разрешен сервером, отправляющим ответ.
Access-Control-Allow-Origin: https://app.example.com | app.example.comСообщите мне, следует ли исправлять эту ошибку CORS в коде клиентской части или в настройках сервера.
Безопасность браузера
Cookie
Set-Cookie: session=abc; HttpOnlyНебольшие данные, хранящиеся браузером и отправляемые обратно на соответствующие сайты.
Cookie (Файлы cookie) часто используются для сессий, предпочтений и состояния аутентификации.
Set-Cookie: session=abc; HttpOnlyОбъясните, хранится ли это состояние входа в cookie.
Безопасность браузера
Session
session_id=abc123Способ сохранения состояния пользователя между несколькими запросами.
Используйте сеансы для поддержания состояния входа в систему или временных данных пользователя на сервере.
session_id=abc123Объясните, как это приложение поддерживает сессию пользователя.
Безопасность браузера
Token
Authorization: Bearer <token>Строка, используемая для подтверждения личности или прав доступа.
Используйте токены для аутентификации API, временного доступа и запросов между службами.
Токены могут предоставлять доступ, поэтому их не следует отображать в общедоступном коде или журналах.
Authorization: Bearer <token>Проверьте, передается ли этот токен в браузер.
Безопасность браузера
TLS certificate
Сертификат Let's EncryptСертификат, используемый HTTPS для подтверждения идентификации сайта и шифрования трафика.
Используйте это при обслуживании производственного сайта через HTTPS.
Сертификат Let's EncryptОбъясните, почему этот браузер сообщает, что сертификат недействителен.
Локальная разработка
Local network
Ноутбук и телефон подключены к одной сети Wi-FiЧастная сеть, в которой соседние устройства могут общаться, например, через одну и ту же сеть Wi-Fi.
Используйте это при тестировании локального сервера разработки на телефоне или планшете.
Ноутбук и телефон подключены к одной сети Wi-FiОбъясните, находятся ли эти устройства в одной локальной сети.
Локальная разработка
LAN IP
192.168.1.25IP-адрес, используемый внутри локальной сети.
Используйте это с другого устройства в той же сети для доступа к вашей машине разработки.
192.168.1.25Сообщите мне разницу между localhost и IP-адресом локальной сети LAN.
Локальная разработка
Network URL
http://192.168.1.25:3000URL-адрес, который другое устройство в той же сети может использовать для доступа к локальному серверу.
Используйте это при тестировании адаптивной страницы на телефоне или планшете.
Сервер разработки также может потребовать прослушивания на 0.0.0.0 и разрешения источника.
http://192.168.1.25:3000Объясните, как открыть этот сервер разработки с телефона.
Локальная разработка
Dev server
npm run devЛокальный сервер, используемый во время разработки и тестирования приложения.
Используйте это для быстрой перезагрузки, локального предварительного просмотра и отладки перед сборкой для продакшена.
npm run devОбъясните, какие локальные и сетевые URL предоставляет этот сервер разработки.
Локальная разработка
HMR
/_next/webpack-hmrФункция разработки, которая обновляет браузер при изменении кода.
Используйте это, чтобы сохранять состояние браузера во время редактирования кода UI.
/_next/webpack-hmrОбъясните, связана ли эта заблокированная заявка с HMR.
Сервер и Docker
Proxy
Browser -> proxy -> APIСервер, который отправляет запросы от имени клиента.
Используйте это для маршрутизации запросов, скрытия деталей серверной части или предотвращения прямых вызовов из браузера к API при разработке.
Browser -> proxy -> APIОбъясните, проходит ли этот API-запрос через прокси-сервер.
Сервер и Docker
Reverse proxy
Nginx -> app:3000Сервер, который принимает публичный трафик и перенаправляет его на внутренние сервисы.
Используйте это для завершения HTTPS, маршрутизации, сжатия, кэширования и перенаправления на серверы приложений.
Nginx -> app:3000Объясните, как этот обратный прокси направляет трафик к приложению.
Сервер и Docker
Docker port mapping
3000:3000Отображение порта хоста на порт контейнера.
Используйте это, чтобы браузер на хост-машине мог получить доступ к веб-приложению, работающему внутри контейнера.
В Docker, в разделе портов, левая сторона - это порт хоста, а правая сторона - это порт контейнера.
3000:3000Объясните URL-адрес браузера для этого сопоставления портов Docker.
Сервер и Docker
host.docker.internal
http://host.docker.internal:3000Специальное имя хоста, которое контейнеры могут использовать для доступа к хост-машине во многих конфигурациях Docker Desktop.
Используйте это, когда контейнеру необходимо вызвать службу, работающую на хост-машине.
http://host.docker.internal:3000Объясните, следует ли этому контейнеру использовать host.docker.internal.
Сервер и Docker
Service name
postgres://db:5432/appВ Docker Compose сервисы часто могут взаимодействовать друг с другом по имени сервиса.
Используйте имена служб `compose`, такие как `db`, `api`, `redis` или другие, вместо `localhost` между контейнерами.
postgres://db:5432/appОбъясните, почему этот контейнер должен использовать имя сервиса db вместо localhost.
Сервер и Docker
Load balancer
Client -> load balancer -> app serversСистема, распределяющая входящий трафик между несколькими серверами.
Используйте это, когда одно приложение имеет несколько экземпляров, работающих одновременно для масштабирования или повышения надежности.
Client -> load balancer -> app serversОбъясните, где находится балансировщик нагрузки в этой развертке.
Сервер и Docker
CDN
Статические ресурсы, обслуживаемые из кэша edge.Распределенная сеть, которая предоставляет контент из мест, расположенных ближе к пользователям.
Используйте это для ускорения загрузки статических ресурсов, изображений, скриптов, стилей и кэшированных страниц.
Статические ресурсы, обслуживаемые из кэша edge.Объясните, будет ли статическому сайту полезен CDN.
Сервер и Docker
Cache
Cache-Control: max-age=3600Сохраненные данные или ответы используются для ускорения будущих запросов.
Используйте кэш для статических файлов, ответов API, страниц и контента CDN.
Устаревшие данные в кеше могут создавать впечатление, что исправленная ошибка не была устранена.
Cache-Control: max-age=3600Объясните, может ли эта проблема быть вызвана кэшем.