Adding CloudFlare to Azure Shared Web App

By Matt Woicik|2021-05-02T17:07:31-07:00April 17th, 2018|Categories: Websites|

As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on Clear Sky Tonight weren’t loading. The issue was mixed content since the iframe was still HTTP. But, I realized I couldn’t just change the URL to HTTPS. I started during some research and found out that the Azure Shared account I was used didn’t allow SSL certificates to be installed. I could upgrade to the next plan but that cost more. So, did some Google searching and found the article below that said you could add HTTPS but routing through CloudFlare. Since I was already doing that for Clear Sky Tonight, it seems like the solution. Here are the steps.

Steps

Add site in CloudFlare
- Enter domain name
- Let query DNS records
- Select Free plan
- Review found DNS records
- Change DNS name servers at your registrar
Wait for pending DNS modification

References:

https://www.troyhunt.com/how-to-get-your-ssl-for-free-on-shared/

About the Author: Matt Woicik

Matt is a digital marketing strategist and the owner of ML2 Solutions, a digital marketing agency. He helps businesses increase awareness and get more leads using digital marketing. New marketing methods are confusing, always changing and difficult to figure out. Matt helps to explain things and provide solutions with clear results.