← flaviocopes.com

How to install a local SSL certificate in macOS

Published Aug 02 2020

Psssst! The 2023 WEB DEVELOPMENT BOOTCAMP is starting on FEBRUARY 01, 2023! SIGNUPS ARE NOW OPEN to this 10-weeks cohort course. Learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much more! ✨

You’ve written an app that should use HTTPS, but it’s not working: you’re getting a warning when you try to access it using HTTPS, even though you created a local certificate.

That’s because by default the browser does not trust local certificates.

We need to install it!

I assume you use Chrome in this section

Click the “Not Secure” box near the address bar, and a little panel should show up:

Click the Certificate item in the box, and you should see another panel show up, with the certificate details:

Now drag the certificate icon from there to the desktop, or any other folder you want. Literally drag and drop using the mouse.

Once you do so, find the file in the Finder, and double-click it.

You should see a prompt to install it:

Where you see the Keychain: option, instead of login, choose System:

Press Add, now you should see the certificate in the System keychain, listed as localhost:

Now double-click that, and this window should show up:

Click the arrow near Trust, and you should see this window, make sure you change “When using this certificate” to “Always Trust”.

That’s it! Now close the Keychain app (cmd-Q) and try reloading your Chrome tab, it should work!

And it should now work across any browser you use.

I write books for developers 👇🏼

© 2023 Flavio Copes Flavio Copes made in Italy 🇮🇹 using Notion to Site Notion to Site