Setup Facebook app to test authentication locally (aka, setting up App Domain)

steps.md

Note: I had issues with setting up my Facebook app so authentication would work. I'd receive the error at the bottom, and it took me a while to figure out what was wrong

Here are the steps I took:

• Go to http://developers.facebook.com/, create, and setup your app
• When inside the dashboard, click "Settings"
• Click "Add Platform"
• Choose website (for authentication via the web app)
• Add http://localhost:3000/ as "Site URL" (and "Mobile URL" if necessary)
• Add localhost to "App Domains" above
• Click Save

This fixed the error I kept receiving:

Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.

It does not work.

Also I have this one:

but when I navigate from http://localhost it says that

🤐

Thanks, I was looking for a solution to this pesky problem for quite a few hours and glad I could find yours.

@Anindya007 yeah, I spent around 2 days to get it setup correctly, but with others I spent less than an hour.

A useful point here is that local Facebook authentication issues often come down to matching the exact redirect URI and domain settings rather than changing the application code. The same principle applies when choosing between B2B and B2C travel systems, since the right setup depends on who owns the customer relationship and booking flow. TravelBookingPanel explores that distinction in a practical way.