Πώς να ενεργοποιήσετε το SSL για το Localhost χρησιμοποιώντας το MAMP

Η εγκατάσταση ενός SSL (Socket Secure Layer) είναι ένας τρόπος για να εξασφαλίσετε τον ιστότοπό σας. Βασικά, το SSL θα κρυπτογραφεί τις συναλλαγές δεδομένων μεταξύ του προγράμματος περιήγησης και του διακομιστή. Έτσι, θα θέλατε πιθανώς να δοκιμάσετε τον ιστότοπό σας σε περιβάλλον SSL ήδη από τα στάδια ανάπτυξης.

Οι διευθύνσεις URL και άλλα στοιχεία ιστοτόπου όπως το CSS και το JavaScript υποδεικνύονται σωστά μέσω του https πρωτόκολλο. Λοιπόν, πώς ενεργοποιούμε το SSL στο localhost μας; Θα χρειαστεί κάποιες γραμμές εντολών, τροποποιήσεις αρχείων, διαμορφώσεις και μερικά πιο δυσκίνητα βήματα. Αλλά ας παρακάμψουν όλα αυτά και χρησιμοποιήστε MAMP Pro αντ 'αυτού.

Ενεργοποίηση του SSL

Ξεκινήστε το MAMP και δημιουργήστε ένα VirtualHost με έναν προσαρμοσμένο τομέα. αυτός ο τομέας μπορεί να οριστεί σε μια επέκταση όπως .dev ή .τοπικός. Σε αυτή την περίπτωση, έχω δημιουργήσει www.hongkiat.dev που χρησιμοποιείται για να φιλοξενήσει www.hongkiat.com ανάπτυξη.

Κάθε ένα από τα VirtualHost που δημιουργείτε στο MAMP θα έχει μεμονωμένες επιλογές στις οποίες μπορείτε να κάνετε κάποιες διαμορφώσεις.

Για να ενεργοποιήσετε το SSL για το VirtualHost, μεταβείτε στην καρτέλα SSL και επιλέξτε την επιλογή SSL. Στη συνέχεια, θα πρέπει να εντοπίσετε τα αρχεία πιστοποιητικών SSL. Εάν έχετε ένα, εντοπίστε και εκχωρήστε τα αρχεία. Εάν όχι, κάντε κλικ στο κουμπί Δημιουργία αυτογραφόμενου πιστοποιητικού για να επιτρέψετε στο MAMP να δημιουργήσει τα πιστοποιητικά για εσάς.

Για να δημιουργήσετε ένα, το MAMP θα σας ζητήσει ορισμένες πληροφορίες, όπως τον Κώδικα και την Πολιτεία της χώρας, για να αναθέσετε στο πιστοποιητικό, όπως π.χ.:

Αποθηκεύστε το αρχείο σε έναν κατάλληλο φάκελο και ορίστε το SSL.

Κάντε το Chrome Trust στον ιστότοπό σας

Μόλις οριστεί το SSL, θα πρέπει τώρα να μπορείτε να προβάλετε τον ιστότοπό σας μέσω του https πρωτόκολλο. Αλλά κρατήστε πατημένο, αντί να δείτε ένα σφάλμα (όπως παρακάτω), καθώς το πιστοποιητικό SSL δεν αναγνωρίζεται από τα προγράμματα περιήγησης σε αυτήν την περίπτωση, το Chrome. Σημείωση ότι εάν εκτελείτε ιστοσελίδες με βάση το WordPress, θα πρέπει να τροποποιήσετε το siteurl και Σπίτι είσοδος από το wp_options πίνακα στη βάση δεδομένων.

Αν δεν έχετε πρόβλημα εμπιστοσύνης με τον εαυτό σας, μπορείτε απλά να πάτε στο Προχωρημένος επιλογή και πατήστε Προχωρήστε στο όνομα του ιστότοπού σας για να προβάλετε τον ιστότοπό σας.

Αν είστε ενοχλημένοι με το κόκκινο σταυρό που εμφανίζεται στο Chrome, θα πρέπει να το κάνετε δύναμη Το Chrome να εμπιστεύεται το πιστοποιητικό που δημιουργείτε:

Πρώτα, κάντε κλικ στο εικονίδιο λουκέτου που έχει διαγραφεί και, στη συνέχεια, κάντε κλικ στο Πληροφορίες Πιστοποιητικού Σύνδεσμος. Το Chrome θα σας εμφανίσει ένα αναδυόμενο παράθυρο με όλες τις πληροφορίες του πιστοποιητικού SSL που έχει ανατεθεί στον ιστότοπο. Σύρετε και αποθέστε το εικονίδιο του Πιστοποιητικού στην επιφάνεια εργασίας σας.

Εάν εκτελείτε το OS X, ανοίγοντας αυτό το αρχείο πιστοποιητικού θα σας φέρει στην εφαρμογή Access Keychain.

Και, όπως θα περίμενε κανείς, θα πρέπει να επιλέξετε Πάντα εμπιστοσύνη. Επιλέξτε το πιστοποιητικό του ιστότοπού σας και στη συνέχεια κάντε κλικ στο [Εγώ] για να αποκαλύψετε τις λεπτομέρειες του πιστοποιητικού Εμπιστοσύνη επίπεδο. Μέσα στο Εμπιστοσύνη , θα δείτε την επιλογή "Όταν χρησιμοποιείτε αυτό το πιστοποιητικό". Η προεπιλεγμένη τιμή έχει οριστεί σε 'Χρήση προσαρμοσμένων ρυθμίσεων' σε αυτό το στάδιο. Κάντε την εμπιστοσύνη του πιστοποιητικού σας, ρυθμίζοντας αυτή την επιλογή σε "Πάντα εμπιστευμένη". θα σας ζητηθεί μία φορά ο κωδικός πρόσβασής σας για να ενημερώσετε αυτήν τη ρύθμιση.

Είμαστε όλοι έτοιμοι. Ανοίξτε ξανά τον ιστότοπο στο Chrome και θα πρέπει να δείτε το πράσινο λουκέτο. Συγχαρητήρια, το πιστοποιητικό SSL σας είναι πλέον αξιόπιστο.