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:
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
Press Add, now you should see the certificate in the System keychain, listed as
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.
More network tutorials:
- Introduction to WebSockets
- How HTTP requests work
- The HTTP Request Headers List
- The HTTP Response Headers List
- HTTP vs HTTPS
- What is an RFC?
- The HTTP protocol
- The HTTPS protocol
- The curl guide to HTTP requests
- Caching in HTTP
- The HTTP Status Codes List
- What is a CDN?
- The HTTP/2 protocol
- What is a port
- DNS, Domain Name System
- The TCP Protocol
- The UDP Protocol
- An introduction to REST APIs
- How to install a local SSL certificate in macOS
- How to generate a local SSL certificate
- How to configure Nginx for HTTPS
- A simple nginx reverse proxy for serving multiple Node.js apps from subfolders
- What is a reverse proxy?