Обслуживайте свое приложение Angular в локальной среде с https
Несколько дней назад я обнаружил проблему при попытке обработать вход в Facebook для приложения Angular в моей локальной среде. Были некоторые методы из Facebook, которые больше нельзя было вызвать из http и требовать https. Поэтому я попытался решить эту проблему, создав действующий SSL в моей локальной среде, чтобы приложение могло обслуживаться с помощью https.
Вот пошаговое руководство по установке действующего SSL на локальном компьютере для приложения Angular. Убедитесь, что вы сначала установили XAMPP.
Создайте новую папку и добавьте эти 2 файла
Во-первых, нам нужно перейти в папку apache и создать внутри папку cert. Вот путь к моей папке D: \ xampp \ apache \ cert. Далее нам нужно добавить эти 2 файла:
В файле cert.conf нам нужно изменить текст {{DOMAIN}}, используя домен, который мы хотим использовать. В этом случае измените его на localhost и сохраните.
Запустите make-cert.bat
Дважды щелкните make-cert.bat и при появлении запроса введите домен localhost. И просто добро пожаловать, чтобы ответить на другие вопросы, так как мы уже установили значение по умолчанию с cert.conf.
Установите сертификат
Мы увидим созданную папку localhost. В этой папке у нас есть 2 файла - server.crt и server.key. Дважды щелкните server.crt, чтобы установить его.
Нажмите «Установить сертификат» и выберите Локальный компьютер в качестве места хранения.
Выберите «Поместить все сертификаты в следующее хранилище» и перейдите к Доверенным корневым центрам сертификации.
Затем нажмите «Далее» и «Готово».
Создайте приложение Angular
Создайте новое приложение Angular, используя следующую команду:
ng new ssl-app
Поместите файлы server.crt и server.key внутрь приложения.
Обновите наш angular.json следующим образом:
Запустите наше приложение с SSL с помощью этой команды:
ng serve --ssl
И вот результат.
Заключение
В этой статье мы узнали, как создать действительный ssl на localhost для приложения Angular с XAMPP.
Если вы считаете, что эта статья была полезной, не забудьте поделиться ею с друзьями.
