[FIXED] How to test Facebook login with localhost

Issue

I'm using Django, and want to make Facebook login with django-allauth.

I made Facebook login with few time, and tested it with localhost.

But I found out that FB login require https after 2018 march, so when I login fb in local runserver, it gives error like Insecure Login Blocked: You can't get an access token or log in to this app from an insecure page. Try re-loading the page as https://.

Is there any way to test fb login in localhost?

Solution

You can just use a real subdomain like dev.yourdomain.com and point its DNS to 127.0.0.1 (or can use lvh.me domain since it also point to 127.0.0.1 - but if you trust them all the time)

Then you need a layer to handle HTTPS in local for https://dev.yourdomain.com. I recommend https://caddyserver.com/

With a very simple config like this then Caddy can use its self-signed SSL cert (checkout Caddy docs to get the detail)

dev.yourdomain.com:443 {
    tls self_signed
    proxy / localhost:8080
}

Then you can open https://dev.yourdomain.com in some browsers like Firefox, Safari, Brave, etc. (I think Chrome blocked self-signed SSL site by default)

UPDATE I create a note here with more detail

https://gist.github.com/ralavay/5d74d35859f87d22c74984488f20186c

Answered By - neo0

Answer Checked By - Robin (PHPFixing Admin)