Comment activer SSL pour Localhost en utilisant MAMP

Avoir un SSL (Socket Secure Layer) installé est un moyen de sécuriser votre site web. Fondamentalement, SSL cryptera les transactions de données entre le navigateur et le serveur. Ainsi, vous voudrez probablement tester votre site Web dans un environnement SSL dès les étapes de développement .

Les URL et autres éléments de site Web tels que CSS et JavaScript sont correctement pointés via le protocole https . Alors, comment pouvons-nous activer SSL dans notre localhost? Cela nécessitera des lignes de commande, des modifications de fichiers, des configurations et quelques étapes plus encombrantes. Mais passons tout cela et utilisons MAMP Pro à la place . Voici comment le configurer. Remarque: MAMP Pro est également disponible pour Windows maintenant.

Activation du SSL

Lancez MAMP et créez un VirtualHost avec un domaine personnalisé. ce domaine peut être défini dans une extension telle que .dev ou .local . Dans ce cas, j'ai créé www.hongkiat.dev qui est utilisé pour héberger le développement de www.hongkiat.com .

Chacun des VirtualHost que vous créez dans MAMP aura des options individuelles sur lesquelles vous pouvez effectuer certaines configurations.

Pour activer SSL pour VirtualHost, allez dans l'onglet SSL et cochez l'option SSL . Ensuite, vous devrez localiser les fichiers de certificat SSL. Si vous en avez un, localisez et attribuez les fichiers. Sinon, cliquez sur le bouton Créer un certificat auto-signé pour laisser MAMP créer les certificats pour vous.

Pour en créer un, MAMP vous demandera des informations comme le code pays et l'état à affecter dans le certificat, comme ceci:

Enregistrez le fichier dans un dossier approprié et SSL est défini.

Faire en sorte que Chrome fasse confiance à votre site

Une fois que SSL est défini, vous devriez maintenant être en mesure d'afficher votre site Web via le protocole https . Mais attendez, au contraire, vous voyez une erreur (comme ci-dessous) car le certificat SSL n'est pas reconnu par les navigateurs dans ce cas, Chrome. Notez que si vous utilisez des sites Web WordPress, vous devez modifier l'entrée siteurl et home depuis la table wp_options de la base de données.

À moins que vous n'ayez un problème de confiance avec vous-même, vous pouvez simplement accéder à l'option Avancé et cliquer sur Proceed to {your website name} pour afficher votre site Web.

Si vous êtes contrarié par la croix rouge affichée dans Chrome, vous devez forcer Chrome à faire confiance à votre certificat généré:

Tout d'abord, cliquez sur cette icône représentant un cadenas barré, puis sur le lien Informations sur le certificat . Chrome vous montrera un popup avec toutes les informations du certificat SSL assigné dans le site Web. Glissez-déposez l'icône du certificat sur votre bureau.

Si vous utilisez OS X, l'ouverture de ce fichier de certificat vous amènera à l'application Keychain Access.

Et, comme vous pouvez vous y attendre, vous devez sélectionner Toujours faire confiance. Sélectionnez votre certificat de site Web, puis cliquez sur le bouton [i] pour afficher les détails du niveau de confiance du certificat. Dans l'onglet Trust, vous verrez l'option "Lors de l'utilisation de ce certificat". La valeur par défaut est définie sur "Utiliser les paramètres personnalisés" à ce stade. Faites confiance à votre certificat en définissant cette option sur "Toujours faire confiance"; Vous serez invité à entrer votre mot de passe une fois pour mettre à jour ce paramètre.

Nous sommes tous ensemble. Rouvrez le site Web sur Chrome et vous devriez maintenant voir le cadenas vert. Félicitations, votre certificat SSL est maintenant approuvé.

Un regard sur: Configuration du serveur local avec AMPPS

MAMP est l'application la plus populaire dans OSX pour exécuter le serveur local; pour les utilisateurs Windows, WAMP ou XAMPP sont probablement les options les plus utilisées. Ces 3 applications sont suffisantes pour le travail. Mais s'il y a un autre outil qui peut rendre le travail d'un développeur plus rapide et plus efficace, nous sauterions sur cet outil à chaque occasion.Réc

(Conseils techniques et de conception)

Qu'est-ce que le Dropbox Hack peut vous apprendre sur l'état de la sécurité Web

La semaine dernière, Dropbox avait fait les manchettes sur un hack qui a vu les adresses e - mail et les mots de passe de 68 millions de comptes Dropbox compromis . Pour tout utilisateur de Dropbox, c'est bien sûr un sujet de préoccupation, en particulier si vous stockez quelque chose dans Dropbox, que ce soit personnel ou professionnel.Vo

(Conseils techniques et de conception)