Jak włączyć SSL dla Localhost przy użyciu MAMP
Zainstalowanie SSL (Socket Secure Layer) jest jednym ze sposobów zabezpieczenia witryny. Zasadniczo SSL szyfruje transakcje danych między przeglądarką a serwerem. Dlatego prawdopodobnie chciałbyś przetestować swoją witrynę w środowisku SSL już na etapie rozwoju.
Adresy URL i inne zasoby witryny, takie jak CSS i JavaScript, są poprawnie wskazywane przez https
protokół. Jak więc włączyć SSL w naszym localhost? Wymagać to będzie kilku wierszy poleceń, modyfikacji plików, konfiguracji i kilku innych kłopotliwych kroków. Ale pomińmy to wszystko i zamiast tego użyjmy MAMP Pro.
Włączanie SSL
Uruchom MAMP i utwórz VirtualHost z niestandardową domeną; tę domenę można ustawić w rozszerzeniu takim jak .dev
lub .lokalny
. W tym przypadku stworzyłem www.hongkiat.dev
który jest używany do hostowania www.hongkiat.com
rozwój.

Każdy VirtualHost, który utworzysz w MAMP, będzie miał indywidualne opcje, w których możesz wykonać pewne konfiguracje.
Aby włączyć SSL dla VirtualHost, przejdź do zakładki SSL i zaznacz opcję SSL. Następnie musisz zlokalizować pliki certyfikatów SSL. Jeśli masz, znajdź i przypisz pliki. Jeśli nie, kliknij przycisk Utwórz certyfikat samopodpisany, aby umożliwić MAMP utworzenie certyfikatów dla Ciebie.
Aby je utworzyć, MAMP poprosi Cię o podanie pewnych informacji, takich jak kod kraju i stan do przypisania w certyfikacie, w ten sposób:

Zapisz plik w odpowiednim folderze, a SSL jest ustawiony.

Uczyń Chrome zaufaną swoją stroną
Po ustawieniu SSL powinieneś być teraz w stanie przeglądać swoją witrynę za pośrednictwem https
protokół. Ale trzymaj się, zamiast tego widzisz błąd (jak poniżej), ponieważ certyfikat SSL nie jest rozpoznawany przez przeglądarki w tym przypadku, Chrome. Uwaga że jeśli używasz witryn opartych na WordPress, musisz zmodyfikować Strona URL
i Dom
wpis z wp_options
tabela w bazie danych.

Jeśli nie masz ze sobą problemu z zaufaniem, możesz po prostu przejść do zaawansowane opcja i kliknij Przejdź do nazwa Twojej witryny
aby wyświetlić Twoją stronę.
Jeśli jesteś zirytowany czerwonym krzyżykiem pokazanym w Chrome, musisz siła Chrome, aby zaufać wygenerowanemu certyfikatowi:
Najpierw kliknij ikonę przekreślonej kłódki, a następnie kliknij Informacja o certyfikacie połączyć. Chrome wyświetli popup z wszystkimi informacjami o certyfikacie SSL przypisanym w witrynie. Przeciągnij i upuść ikonę certyfikatu na pulpit.
Jeśli korzystasz z systemu OS X, otwarcie tego pliku certyfikatu spowoduje przejście do aplikacji Dostęp do pęku kluczy.

I, jak można się spodziewać, powinieneś wybrać opcję Zawsze ufaj. Wybierz certyfikat witryny, a następnie kliknij przycisk [ja] przycisk, aby ujawnić szczegóły certyfikatu Zaufanie poziom. W ramach Zaufanie na karcie pojawi się opcja „Podczas korzystania z tego certyfikatu”. Domyślna wartość to „Użyj ustawień niestandardowych” na tym etapie. Ufaj swojemu certyfikatowi, ustawiając tę opcję na „Zawsze ufaj”; zostaniesz poproszony o podanie hasła raz, aby zaktualizować to ustawienie.

Jesteśmy gotowi. Otwórz ponownie stronę w Chrome i powinieneś zobaczyć zieloną kłódkę. Gratulacje, twój certyfikat SSL jest teraz zaufany.
