Invalid Credentials using Heroku URL as Canvas URL

Question

I am using Heroku to make a php application on Facebook. I want to have the Heroku URL be the Canvas URL in my application. However, when I put the URL in the Basic page and then try to open my application by going to http://apps.facebook.com/status_related_test, the canvas displays "Invalid credentials" and redirects to the URL of the application, https://young-warrior-3712.herokuapp.com.

Any ideas what I might be doing wrong or how to fix this?

ETA:
When I go directly to the application link (https://young-warrior-3712.herokuapp.com), I can sign in successfully. It is only when I try to go to the Facebook App page that it doesn't work.

score 4 · Accepted Answer · edited May 23 '17 at 11:55

4

norabora, I got the solution for this in other post, after suffering long hours I finally made it! this is the link to the post I answered to: Answer to redirection in FB app canvas

Hope you'll find it useful... Good Luck!

edited May 23 '17 at 11:55

Community

1
1

answered Nov 03 '11 at 07:42

Panchito Rey

96
3

Alvin K. · Answer 2 · 2011-11-01T06:01:18.547

0

Tried it myself, the index.php can't fetch $token on line 35 on page load.

$token = FBUtils::login(AppInfo::getHome());
if ($token) {
...
} else {
  // Stop running if we did not get a valid response from logging in
  exit("Invalid credentials");
}

Use the procedure from http://developers.facebook.com/docs/authentication/ to ascertain why FBUtils::login fails.

Alternatively, you may want to use Facebook PHP SDK (http://developers.facebook.com/docs/reference/php/) which already has functions like "Facebook::getLoginUrl" and bypass this error.

edited Nov 01 '11 at 06:01

answered Nov 01 '11 at 04:17

Alvin K.

4,329
20
25

Well the links I provided are not to my actual app. Those were examples. I can add the actual links, though. For testing purposes. – elemjay19 Nov 02 '11 at 20:00
Also, what procedure are you talking about? – elemjay19 Nov 02 '11 at 20:26
Oauth2.0 procedure. If you are logged into facebook, the URI: `https://www.facebook.com/dialog/oauth?client_id=&redirect_uri=https://apps.facebook.com/` should return with access_token eg: `?code=AQDyGFBUV[...]4eQKG4uU3m#_=_` - you can test it out manually. The PHP code is not picking it up on first load. – Alvin K. Nov 04 '11 at 03:23

score 0 · Answer 3 · answered Nov 21 '11 at 11:49

Go to the getHome() function in AppInfo.php and find the following line:

return ($_SERVER['HTTP_X_FORWARDED_PROTO'] ?: "http") . "://" . $_SERVER['HTTP_HOST'] . "/";

You have to change $_SERVER['HTTP_HOST'] to your canvas page URL:

return ($_SERVER['HTTP_X_FORWARDED_PROTO'] ?: "http") . "://" . "apps.facebook.com/yourappname"  . "/";

where yourappname should be your app namespace.

Note that if you apply these changes you won't be able to use the heroku page of your application because it will redirect to the canvas page.

score 0 · Answer 4 · answered Jan 16 '12 at 20:57

I was experiencing a similar problem trying to include my app in a pages tab on Facebook. The answer to the problem is to edit FBUtils.php.

Find:

      echo("<script> window.location.href='" . $authorize_url . "'</script>");

Replace with:

echo("<script> window.location.href='" . $authorize_url . "'</script>");

This line can be found at line 94 of FBUtils.php

Invalid Credentials using Heroku URL as Canvas URL

4 Answers4