{"id":33537,"date":"2020-08-12T22:50:37","date_gmt":"2020-08-12T22:50:37","guid":{"rendered":"https:\/\/reskator.fr\/?p=33537"},"modified":"2021-02-04T15:45:26","modified_gmt":"2021-02-04T15:45:26","slug":"mamp-approuver-un-certificat-ssl-auto-signe","status":"publish","type":"post","link":"https:\/\/dev9.reskator.fr\/cms\/2020\/mamp-approuver-un-certificat-ssl-auto-signe\/","title":{"rendered":"MAMP : Approuver un certificat SSL auto-sign\u00e9"},"content":{"rendered":"\n<p class=\"has-drop-cap has-background\" style=\"background-color:#f5f5f5\" data-block-type=\"core\">Avec la g\u00e9n\u00e9ralisation du https par les navigateurs, les sites doivent avoir un certificat SSL.<br>Si vous utilisez MAMP ou MAMP Pro comme serveur local pour d\u00e9velopper vos sites, vous pouvez lui demander de g\u00e9n\u00e9rer un \u201ccertificat SSL auto-sign\u00e9\u201d pour chacun d\u2019eux. Toutefois, les navigateurs identifient qu\u2019il s\u2019agit d\u2019un certificat auto-sign\u00e9 et affichent une alerte ou une page d\u2019avertissement plut\u00f4t anxiog\u00e8ne.<br>Heureusement, MacOS X permet de \u201cforcer\u201d l\u2019approbation du certificat auto-sign\u00e9 afin d\u2019acc\u00e9der au site sans avoir \u00e0 subir ces avertissements. Ce tutoriel vid\u00e9o vous explique en 5 minutes le pourquoi et le comment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Le tutoreil vid\u00e9o non sous-titr\u00e9<\/h2>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video controls src=\"https:\/\/reskator.fr\/wp-content\/uploads\/2020\/08\/approuver_un_certificat_auto-signe.m4v\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Le tutoriel vid\u00e9o sous-titr\u00e9<\/h2>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video controls src=\"https:\/\/reskator.fr\/wp-content\/uploads\/2020\/08\/approuver_un_certificat_auto-signe_st.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">La transcription<\/h2>\n\n\n\n<p data-block-type=\"core\">Bonjour,<\/p>\n\n\n\n<p data-block-type=\"core\">Ce court tuto pour r\u00e9pondre \u00e0 une probl\u00e8matique qui revient assez souvent lorsqu\u2019on cr\u00e9e un site en local avec Mamp ou Mamp Pro et qui concerne les certificats SSL auto-sign\u00e9s.<\/p>\n\n\n\n<p data-block-type=\"core\">Bien qu\u2019ayant g\u00e9n\u00e9r\u00e9 le certificat SSL, lorsqu\u2019on acc\u00e8de au site via un navigateur, on obtient une alerte ou une page assez anxiog\u00e8ne nous informant que la connexion n\u2019est pas priv\u00e9e et \u00e9voquant m\u00eame des individus malveillants tentant de subtiliser nos pr\u00e9cieuses informations personnelles.<\/p>\n\n\n\n<p data-block-type=\"core\">Dans le cas pr\u00e9sent, s\u2019agissant d\u2019un site en local, c\u2019est-\u00e0-dire un site qui est h\u00e9berg\u00e9 sur notre propre ordinateur, ce type de message n\u2019est pas justifi\u00e9. Mais le navigateur n\u2019est pas en mesure de d\u00e9tecter cette configuration, il se fait \u2018gruger\u2019 et nous affiche donc cette alerte.<br>Dans les faits, qui plus est, le navigateur se trompe&nbsp;: la connexion est bien \u2018priv\u00e9e\u2019, c'est-\u00e0-dire que les flux de donn\u00e9es \u00e9chang\u00e9s entre notre site local et le navigateur sont bien crypt\u00e9s, on est en https:\/\/.<br>En revanche, l\u00e0 o\u00f9 il a raison, c\u2019est que le certificat ne peut pas \u00eatre \u2018certifi\u00e9\u2019 par une autorit\u00e9 de certification. C'est la d\u00e9finition m\u00eame d\u2019un certificat \u2018auto-sign\u00e9\u2019.<br>C\u2019est comme si, lors d\u2019un contr\u00f4le d\u2019identit\u00e9, l\u2019agent de police n\u2019avait que votre seule parole pour vous croire lorsque vous lui dites que vous n\u2019avez pas vos papiers sur vous, mais que vous vous appelez Jacques Dupond. Faute d\u2019une pi\u00e8ce d\u2019identit\u00e9 certifi\u00e9e, l\u2019agent n\u2019est pas en mesure de savoir si vous \u00eates bien celui que vous d\u00e9clarez \u00eatre.<br>C'est la m\u00eame chose avec un certificat SSL \u2018auto-sign\u00e9\u2019.<\/p>\n\n\n\n<p data-block-type=\"core\">Nous allons donc en venir au r\u00e9el sujet de cette vid\u00e9o et faire en sorte de ne plus afficher ce type de message lorsqu\u2019on acc\u00e8de \u00e0 notre site en local.<\/p>\n\n\n\n<p data-block-type=\"core\">Pour cela, on va utiliser un logiciel fourni en standard avec MacOS X&nbsp;: il s'agit du \u2018Trousseau d'acc\u00e8s\u2019, que vous trouverez dans le dossier \u201cApplications\u201d\u2026 puis le dossier \u201cUtilitaires\u201d\u2026&nbsp;<br>Voici le \u201cTrousseau d'acc\u00e8s\u201d\u2026 et on le lance.<\/p>\n\n\n\n<p data-block-type=\"core\">L\u00e0, assurez-vous de cliquer sur \u2018Certificats\u2019 dans la rubrique \u2018Cat\u00e9gories\u2019 afin de r\u00e9duire le contenu des \u00e9l\u00e9ments list\u00e9s aux seuls certificats.<\/p>\n\n\n\n<p data-block-type=\"core\">Dans la rubrique \u2018Trousseaux\u2019, vous pouvez s\u00e9lectionnez soit \u201cSession\u201d, soit \u201cSyst\u00e8me\u201d&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\" data-block-type=\"core\"><li>Ce que vous mettrez dans \u201cSyst\u00e8me\u201d s\u2019appliquera \u00e0 toutes les \u2018sessions\u2019, c\u2019est-\u00e0-dire, \u00e0 tous les comptes utilisateurs de ce Mac.<\/li><li>Ce que vous mettrez dans \u201cSession\u201d ne s\u2019appliquera qu'\u00e0 votre session, c\u2019est-\u00e0-dire, qu\u2019\u00e0 votre compte utilisateur\u2026<\/li><\/ul>\n\n\n\n<p data-block-type=\"core\">Le but de l\u2019op\u00e9ration maintenant est d\u2019ajouter au Trousseau notre certificat SSL et d\u2019imposer sa validit\u00e9.<br>Il nous faut donc le certificat en lui-m\u00eame. Pour cela, on va le r\u00e9cup\u00e9rer\u2026<\/p>\n\n\n\n<p data-block-type=\"core\">\u2026dans Mamp.<br>On s\u00e9lectionne le site concern\u00e9\u2026&nbsp;et on acc\u00e8de \u00e0 l\u2019onglet SSL\u2026<br>L\u00e0, on clique sur l\u2019ic\u00f4ne de dossier des fichiers de certificat \u201c.crt\u201d<br>On s\u00e9lectionne le certificat du site concern\u00e9 et on le fait glisser dans la fen\u00eatre du \u201cTrousseau d'acc\u00e8s\u201d.<\/p>\n\n\n\n<p data-block-type=\"core\">Dans le Trousseau d\u2018acc\u00e8s, je peux alors double-cliquer sur le certificat qu\u2018on vient d\u2018ajouter afin d\u2018en r\u00e9veler le contenu et, surtout, la fonctionnalit\u00e9 qui nous int\u00e9resse&nbsp;: \u201cSe fier\u201d\u2026 que je d\u00e9roule en cliquant sur le petit triangle.<\/p>\n\n\n\n<p data-block-type=\"core\">Et l\u00e0, je vais changer la valeur \u201cR\u00e9glages par d\u00e9faut\u201d, que je remplace par \u201cToujours approuver\u201d.<\/p>\n\n\n\n<p data-block-type=\"core\">Je ferme la fen\u00eatre du certificat\u2026<br>Je valide la modification en saisissant mon mot de passe utilisateur\u2026 et je peux fermer le Trousseau d\u2019acc\u00e8s.<\/p>\n\n\n\n<p data-block-type=\"core\">Maintenant, si je rafra\u00eechis la fen\u00eatre du navigateur\u2026<br>Tadaam&nbsp;! Le site s\u2019affiche d\u00e9sormais sans alerte et avec le petit cadenas tant recherch\u00e9&nbsp;!<\/p>\n\n\n\n<p data-block-type=\"core\">Voil\u00e0&nbsp;! J'esp\u00e8re que ce petit tuto vous a plu et on se retrouve lors d\u2019une prochaine vid\u00e9o.<\/p>\n\n\n\n<p data-block-type=\"core\">Salut\u00a0!<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/ data-block-type=\"core\">\n\n\n\n<p data-block-type=\"core\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avec la g\u00e9n\u00e9ralisation du https par les navigateurs, les sites doivent avoir un certificat SSL.<br \/>\nSi vous utilisez MAMP ou MAMP Pro comme serveur local pour d\u00e9velopper vos sites, vous pouvez lui demander de g\u00e9n\u00e9rer un \u201ccertificat SSL auto-sign\u00e9\u201d pour chacun d'eux. Toutefois, les navigateurs identifient qu'il s'agit d'un certificat auto-sign\u00e9 et affichent une alerte ou une page d'avertissement plut\u00f4t anxiog\u00e8ne.<br \/>\nHeureusement, MacOS X permet de \u201cforcer\u201d l'approbation du certificat auto-sign\u00e9 afin d'acc\u00e9der au site sans avoir \u00e0 subir ces avertissements. Ce tutoriel vid\u00e9o vous explique en 5 minutes le pourquoi et le comment.<\/p>\n","protected":false},"author":3,"featured_media":45541,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,27],"tags":[23,21,28,17],"class_list":["post-33537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpeur","category-environnement-de-travail","tag-astuce","tag-https","tag-mamp","tag-tuto"],"featured_image_urls_v2":{"full":["https:\/\/dev9.reskator.fr\/cms\/wp-content\/uploads\/2021\/02\/ssl_auto-signe.jpg",900,600,false],"thumbnail":["https:\/\/dev9.reskator.fr\/cms\/wp-content\/uploads\/2021\/02\/ssl_auto-signe-150x150.jpg",150,150,true],"medium":["https:\/\/dev9.reskator.fr\/cms\/wp-content\/uploads\/2021\/02\/ssl_auto-signe-300x200.jpg",300,200,true],"medium_large":["https:\/\/dev9.reskator.fr\/cms\/wp-content\/uploads\/2021\/02\/ssl_auto-signe-768x512.jpg",768,512,true],"large":["https:\/\/dev9.reskator.fr\/cms\/wp-content\/uploads\/2021\/02\/ssl_auto-signe.jpg",900,600,false],"1536x1536":["https:\/\/dev9.reskator.fr\/cms\/wp-content\/uploads\/2021\/02\/ssl_auto-signe.jpg",900,600,false],"2048x2048":["https:\/\/dev9.reskator.fr\/cms\/wp-content\/uploads\/2021\/02\/ssl_auto-signe.jpg",900,600,false],"acf-gallery":["https:\/\/dev9.reskator.fr\/cms\/wp-content\/uploads\/2021\/02\/ssl_auto-signe-300x300.jpg",300,300,true]},"post_excerpt_stackable_v2":"<p>Avec la g\u00e9n\u00e9ralisation du https par les navigateurs, les sites doivent avoir un certificat SSL.<br \/>\nSi vous utilisez MAMP ou MAMP Pro comme serveur local pour d\u00e9velopper vos sites, vous pouvez lui demander de g\u00e9n\u00e9rer un \u201ccertificat SSL auto-sign\u00e9\u201d pour chacun d'eux. Toutefois, les navigateurs identifient qu'il s'agit d'un certificat auto-sign\u00e9 et affichent une alerte ou une page d'avertissement plut\u00f4t anxiog\u00e8ne.<br \/>\nHeureusement, MacOS X permet de \u201cforcer\u201d l'approbation du certificat auto-sign\u00e9 afin d'acc\u00e9der au site sans avoir \u00e0 subir ces avertissements. Ce tutoriel vid\u00e9o vous explique en 5 minutes le pourquoi et le comment.<\/p>\n","category_list_v2":"<a href=\"https:\/\/dev9.reskator.fr\/cms\/category\/developpeur\/\" rel=\"category tag\">D\u00e9veloppeur<\/a>, <a href=\"https:\/\/dev9.reskator.fr\/cms\/category\/developpeur\/environnement-de-travail\/\" rel=\"category tag\">Environnement de travail<\/a>","author_info_v2":{"name":"Philippe Reskator","url":"https:\/\/dev9.reskator.fr\/cms\/author\/philippe\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/posts\/33537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/comments?post=33537"}],"version-history":[{"count":0,"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/posts\/33537\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/media\/45541"}],"wp:attachment":[{"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/media?parent=33537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/categories?post=33537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev9.reskator.fr\/cms\/wp-json\/wp\/v2\/tags?post=33537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}