CloudFlare SSL + Heroku custom domain not working

4
votes

It's been more than 48 hours after I update my CloudFlare DNS setting to point to my Heroku app. The custom domain works fine now without https://.

But when I try the https:// version, I get this:

enter image description here

This is my Heroku custom domain setting:

enter image description here

This is my CloudFlare DNS setting:

enter image description here

This is my CloudFlare SSL setting:

enter image description here

And lastly, this is my CloudFlare page rules setting:

enter image description here

I follow this CloudFlare guide and not skip any step of it.

What am I missing here?

My app (http): http://beta.futurelab.my/

My app (https): https://beta.futurelab.my/

My Heroku app: http://future-lab-production.herokuapp.com OR https://future-lab-production.herokuapp.com

I want my app only available at https://beta.futurelab.my/ and force SSL sitewide.

Please help.

1
ruby-on-railssslherokudnscloudflare

1 Answers

3
votes

Seems like you added the CNAME record to Cloudflare but not enabled it. You need to click on the cloud icon placed on the right of your Cloudflare DNS record row. It should turn to orange when it is enabled.

Hope it helps.