Localhost SSL…what a pain!

I thought I would share some of my pain in working in my dev environment and what I went through in hopes that I might spare someone else my pain…or even better if there is someone out there who has a better solution…let me know.

I wanted to install a self-signed certificate on my dev box, which is Windows 10 / IIS 10. The issue was that Chrome, which I use a ton for my web dev work, was not liking it. I was receiving the typical…”This site is not safe!” message. I looked into the dev tools and found this…

localhost ssl
localhost ssl

I then added the cert to the trusted authority area…no joy.

I also looked into Let’s Encrypt…nope and OpenSSL. This had/has promise, but is rather a convoluted setup for dev work and appears to favor an OSx environment (but that is my opine…I favor OSx myself).

So, in the end, I used a ‘hacky’ workaround. Chrome has a flag that can be enabled to avoid this issue…

chrome://flags/#allow-insecure-localhost

This does not get rid of the ugly red warning in the address bar, but it does get rid of the interruptive warning message that the user receives.

Again…if anyone out there has a better solution, please let me know.

More To Explore

developer writing code at his laptop with code surrounding him in multicolored smoke
Code

Exploring the CSS Properties and Values API

The CSS Properties and Values API is an exciting part of the CSS Houdini suite of APIs that enables developers to define and register custom CSS properties directly in JavaScript. This API introduces advanced capabilities like type checking, default values, and control over whether custom properties inherit their values. These features significantly enhance the power and flexibility of CSS in modern web development.

Developer sitting outdoors at a coffer shop working on his laptop with colors swirling
Code

Exploring the CSS Paint API: Unlocking Creativity in Web Design

The web is constantly evolving, and with it, the tools available to developers and designers expand. One of the most exciting additions to modern web design is the CSS Paint API (also known as Houdini’s Paint API). This feature allows developers to create dynamic, programmatically generated images directly in CSS without the need for external assets or heavy graphical libraries.

Share This Post

small_c_popup.png

Need help?

Let's have a chat...


Login

Jump Back In!

Here at Webolution Designs, we love to learn. This includes sharing things we have learned with you. 

Register

Begin Your Learning Journey Today!

Come back inside to continue your learning journey.