{"id":973,"date":"2018-04-17T20:00:00","date_gmt":"2018-04-18T03:00:00","guid":{"rendered":"https:\/\/ml2solutions.com\/?p=973"},"modified":"2021-05-02T17:07:31","modified_gmt":"2021-05-03T00:07:31","slug":"adding-cloudflare-to-azure-shared-web-app","status":"publish","type":"post","link":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/","title":{"rendered":"Adding CloudFlare to Azure Shared Web App"},"content":{"rendered":"<p>As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on <a href=\"https:\/\/clearskytonight.com\/\">Clear Sky Tonight<\/a> weren\u2019t loading.&nbsp; The issue was mixed content since the iframe was still HTTP.&nbsp; But, I realized I couldn\u2019t just change the URL to HTTPS.&nbsp; I started during some research and found out that the Azure Shared account I was used didn\u2019t allow SSL certificates to be installed.&nbsp; I could upgrade to the next plan but that cost more.&nbsp; So, did some Google searching and found the article below that said you could add HTTPS but routing through CloudFlare.&nbsp; Since I was already doing that for Clear Sky Tonight, it seems like the solution.&nbsp; Here are the steps.<\/p>\n<p><\/p>\n<p>Steps<\/p>\n<ul>\n<li>Add site in CloudFlare\n<ul>\n<li>Enter domain name\n<li>Let query DNS records\n<li>Select Free plan\n<li>Review found DNS records\n<li>Change DNS name servers at your registrar<\/li>\n<\/ul>\n<li>Wait for pending DNS modification<\/li>\n<\/ul>\n<p><\/p>\n<p><\/p>\n<p>References:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.troyhunt.com\/how-to-get-your-ssl-for-free-on-shared\/\">https:\/\/www.troyhunt.com\/how-to-get-your-ssl-for-free-on-shared\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on Clear Sky Tonight weren\u2019t loading.&nbsp; The issue was mixed content since the iframe [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding CloudFlare to Azure Shared Web App - ML2 Solutions<\/title>\n<meta name=\"description\" content=\"Adding CloudFlare to Azure Shared Web App As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on Clear Sky Tonight weren\u2019t loading.&nbsp; The issue\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding CloudFlare to Azure Shared Web App - ML2 Solutions\" \/>\n<meta property=\"og:description\" content=\"Adding CloudFlare to Azure Shared Web App As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on Clear Sky Tonight weren\u2019t loading.&nbsp; The issue\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/\" \/>\n<meta property=\"og:site_name\" content=\"ML2 Solutions\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ml2solutions\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/ml2solutions\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-18T03:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-03T00:07:31+00:00\" \/>\n<meta name=\"author\" content=\"Matt Woicik\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ml2solutions\" \/>\n<meta name=\"twitter:site\" content=\"@ml2solutions\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Woicik\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/\"},\"author\":{\"name\":\"Matt Woicik\",\"@id\":\"https:\/\/ml2solutions.com\/#\/schema\/person\/19d4de8c6be3e95b8d97ac99910766bd\"},\"headline\":\"Adding CloudFlare to Azure Shared Web App\",\"datePublished\":\"2018-04-18T03:00:00+00:00\",\"dateModified\":\"2021-05-03T00:07:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/\"},\"wordCount\":167,\"publisher\":{\"@id\":\"https:\/\/ml2solutions.com\/#organization\"},\"articleSection\":[\"Websites\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/\",\"url\":\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/\",\"name\":\"Adding CloudFlare to Azure Shared Web App - ML2 Solutions\",\"isPartOf\":{\"@id\":\"https:\/\/ml2solutions.com\/#website\"},\"datePublished\":\"2018-04-18T03:00:00+00:00\",\"dateModified\":\"2021-05-03T00:07:31+00:00\",\"description\":\"Adding CloudFlare to Azure Shared Web App As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on Clear Sky Tonight weren\u2019t loading.&nbsp; The issue\",\"breadcrumb\":{\"@id\":\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ml2solutions.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Websites\",\"item\":\"https:\/\/ml2solutions.com\/category\/websites\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Adding CloudFlare to Azure Shared Web App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ml2solutions.com\/#website\",\"url\":\"https:\/\/ml2solutions.com\/\",\"name\":\"ML2 Solutions\",\"description\":\"Helping you get more leads and make more sales\",\"publisher\":{\"@id\":\"https:\/\/ml2solutions.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ml2solutions.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ml2solutions.com\/#organization\",\"name\":\"ML2 Solutions\",\"url\":\"https:\/\/ml2solutions.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ml2solutions.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ml2solutions.com\/wp-content\/uploads\/2016\/04\/ML2logo.png\",\"contentUrl\":\"https:\/\/ml2solutions.com\/wp-content\/uploads\/2016\/04\/ML2logo.png\",\"width\":303,\"height\":54,\"caption\":\"ML2 Solutions\"},\"image\":{\"@id\":\"https:\/\/ml2solutions.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/ml2solutions\",\"https:\/\/x.com\/ml2solutions\",\"https:\/\/www.instagram.com\/ml2solutions\/\",\"https:\/\/www.pinterest.com\/ml2solutions\/\",\"https:\/\/www.youtube.com\/channel\/UCtOfam7a6aMf3Xtf6hBuJdA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ml2solutions.com\/#\/schema\/person\/19d4de8c6be3e95b8d97ac99910766bd\",\"name\":\"Matt Woicik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ml2solutions.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/92207c6315825666c3cc9632c4b40d7c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/92207c6315825666c3cc9632c4b40d7c?s=96&d=mm&r=g\",\"caption\":\"Matt Woicik\"},\"description\":\"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.\",\"sameAs\":[\"https:\/\/ml2solutions.com\",\"https:\/\/www.facebook.com\/ml2solutions\",\"https:\/\/www.instagram.com\/ml2solutions\/\",\"https:\/\/www.linkedin.com\/company\/ml2solutions\/\",\"https:\/\/www.pinterest.com\/ml2solutions\/\",\"https:\/\/x.com\/ml2solutions\",\"https:\/\/www.youtube.com\/channel\/UCtOfam7a6aMf3Xtf6hBuJdA\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding CloudFlare to Azure Shared Web App - ML2 Solutions","description":"Adding CloudFlare to Azure Shared Web App As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on Clear Sky Tonight weren\u2019t loading.&nbsp; The issue","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/","og_locale":"en_US","og_type":"article","og_title":"Adding CloudFlare to Azure Shared Web App - ML2 Solutions","og_description":"Adding CloudFlare to Azure Shared Web App As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on Clear Sky Tonight weren\u2019t loading.&nbsp; The issue","og_url":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/","og_site_name":"ML2 Solutions","article_publisher":"https:\/\/www.facebook.com\/ml2solutions","article_author":"https:\/\/www.facebook.com\/ml2solutions","article_published_time":"2018-04-18T03:00:00+00:00","article_modified_time":"2021-05-03T00:07:31+00:00","author":"Matt Woicik","twitter_card":"summary_large_image","twitter_creator":"@ml2solutions","twitter_site":"@ml2solutions","twitter_misc":{"Written by":"Matt Woicik","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/#article","isPartOf":{"@id":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/"},"author":{"name":"Matt Woicik","@id":"https:\/\/ml2solutions.com\/#\/schema\/person\/19d4de8c6be3e95b8d97ac99910766bd"},"headline":"Adding CloudFlare to Azure Shared Web App","datePublished":"2018-04-18T03:00:00+00:00","dateModified":"2021-05-03T00:07:31+00:00","mainEntityOfPage":{"@id":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/"},"wordCount":167,"publisher":{"@id":"https:\/\/ml2solutions.com\/#organization"},"articleSection":["Websites"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/","url":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/","name":"Adding CloudFlare to Azure Shared Web App - ML2 Solutions","isPartOf":{"@id":"https:\/\/ml2solutions.com\/#website"},"datePublished":"2018-04-18T03:00:00+00:00","dateModified":"2021-05-03T00:07:31+00:00","description":"Adding CloudFlare to Azure Shared Web App As I was checking the HTTPS migration, I noticed that iframes that hosted the Astronomy Calculator on Clear Sky Tonight weren\u2019t loading.&nbsp; The issue","breadcrumb":{"@id":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ml2solutions.com\/websites\/adding-cloudflare-to-azure-shared-web-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ml2solutions.com\/"},{"@type":"ListItem","position":2,"name":"Websites","item":"https:\/\/ml2solutions.com\/category\/websites\/"},{"@type":"ListItem","position":3,"name":"Adding CloudFlare to Azure Shared Web App"}]},{"@type":"WebSite","@id":"https:\/\/ml2solutions.com\/#website","url":"https:\/\/ml2solutions.com\/","name":"ML2 Solutions","description":"Helping you get more leads and make more sales","publisher":{"@id":"https:\/\/ml2solutions.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ml2solutions.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ml2solutions.com\/#organization","name":"ML2 Solutions","url":"https:\/\/ml2solutions.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ml2solutions.com\/#\/schema\/logo\/image\/","url":"https:\/\/ml2solutions.com\/wp-content\/uploads\/2016\/04\/ML2logo.png","contentUrl":"https:\/\/ml2solutions.com\/wp-content\/uploads\/2016\/04\/ML2logo.png","width":303,"height":54,"caption":"ML2 Solutions"},"image":{"@id":"https:\/\/ml2solutions.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ml2solutions","https:\/\/x.com\/ml2solutions","https:\/\/www.instagram.com\/ml2solutions\/","https:\/\/www.pinterest.com\/ml2solutions\/","https:\/\/www.youtube.com\/channel\/UCtOfam7a6aMf3Xtf6hBuJdA"]},{"@type":"Person","@id":"https:\/\/ml2solutions.com\/#\/schema\/person\/19d4de8c6be3e95b8d97ac99910766bd","name":"Matt Woicik","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ml2solutions.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/92207c6315825666c3cc9632c4b40d7c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/92207c6315825666c3cc9632c4b40d7c?s=96&d=mm&r=g","caption":"Matt Woicik"},"description":"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.","sameAs":["https:\/\/ml2solutions.com","https:\/\/www.facebook.com\/ml2solutions","https:\/\/www.instagram.com\/ml2solutions\/","https:\/\/www.linkedin.com\/company\/ml2solutions\/","https:\/\/www.pinterest.com\/ml2solutions\/","https:\/\/x.com\/ml2solutions","https:\/\/www.youtube.com\/channel\/UCtOfam7a6aMf3Xtf6hBuJdA"]}]}},"_links":{"self":[{"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/posts\/973"}],"collection":[{"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/comments?post=973"}],"version-history":[{"count":0,"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/posts\/973\/revisions"}],"wp:attachment":[{"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/media?parent=973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/categories?post=973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ml2solutions.com\/wp-json\/wp\/v2\/tags?post=973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}