Защитите свой локальный сервер разработки с помощью HTTPS (Next.JS)

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

Создать сертификат

Создать сертификат для localhost легко с openssl. Просто введите в терминал следующую команду. На выходе будут два файла: localhost.key и localhost.crt.

openssl req -x509 -out localhost.crt -keyout localhost.key \
  -newkey rsa:2048 -nodes -sha256 \
  -subj '/CN=localhost' -extensions EXT -config <( \
   printf "[dn]\nCN=localhost\n[req]\ndistinguished_name = dn\n[EXT]\nsubjectAltName=DNS:localhost\nkeyUsage=digitalSignature\nextendedKeyUsage=serverAuth")

Нажмите на файл crt, в macOS откроется приложение связки ключей, добавьте к нему ключ.

Теперь дважды щелкните по нему, и в разделе доверия вы увидите «При использовании этого сертификата» выберите «Всегда доверять».

Next.js

Теперь в Next.js нам нужно создать наш собственный файл server.js, если он еще не создан.

Запустите сервер, теперь у вас есть безопасное соединение с localhost.