Това ще бъде кратко, но трябва да е удобно за всеки, който се нуждае от настройка на HTTPS на localhost или още по-добре с потребителски домейн.
Имаме нужда от local-ssl-proxy, прост SSL HTTP прокси, използващ самоподписан сертификат.
npm install -g local-ssl-proxy
Инсталирайте помощните програми за генериране на сертификат локално:
brew install mkcert nss mkcert --install
Обикновено, ако искаме да накараме localhost да работи на https, изпълняваме следната команда в основната директория на проекта:
mkcert localhost
Ако обаче искате да работите на персонализиран домейн по ваш избор, тъй като вашият API сървър има специални изисквания, които изискват изпълнение на конкретния домейн:
mkcert your.domain.com
Това трябва да генерира your.domain.com.pem и your.domain.com-key.pem в една и съща директория.
Във вашия package.json,
"scripts": {
"dev": "next dev -p 3400 & local-ssl-proxy --key your.domain.com-key.pem --cert your.domain.com.pem --source 443 --target 3400"
}
Това ще стартира сървъра Next.js и проксито едновременно или можете просто да използвате едновременно.
Редактирайте своя /etc/hosts файл, като добавите този ред, така че вашият компютър да знае your.domain.com точки към localhost.
127.0.0.1 your.domain.com
Сега стартирайте npm run dev и навигирайте до https://your.domain.com/ трябва да видите, че приложението ви работи.
Ако намирате това за полезно, моля, споделете го в Twitter и ме уведомете в Twitter.
Първоначално публикувано на адрес https://sdust.dev.
Благодарим ви, че прочетохте до края. Моля, обмислете следването на писателя и тази публикация. Посетете Stackademic, за да разберете повече за това как демократизираме безплатното обучение по програмиране по света.
