部署到heroku而不使用护照回调重定向到localhost

Question

我已经向Heroku部署了一个应用程序,但是一旦点击"使用facebook登录",您将被重定向到http:// localhost:3000 /#=.我尝试了以下(第一个是它现在的位置):

  passport.use(new FacebookStrategy({
    clientID: FACEBOOK_APP_ID,
    clientSecret: FACEBOOK_APP_SECRET,
    callbackURL: "http://localhost:3000/auth/facebook/callback"
  },

  function(accessToken, refreshToken, profile, done) {
    process.nextTick(function () {
      return done(null, profile);
    });
  }
));

但是当我部署使用时:

passport.use(new FacebookStrategy({
    clientID: FACEBOOK_APP_ID,
    clientSecret: FACEBOOK_APP_SECRET,
    callbackURL: "/auth/facebook/callback"
  },

要么

passport.use(new FacebookStrategy({
    clientID: FACEBOOK_APP_ID,
    clientSecret: FACEBOOK_APP_SECRET,
    callbackURL: "https://fivemincatchup.herokuapp.com/auth/facebook/callback"
  },

它指向facebook并出现以下错误:

应用程序配置不允许使用URL:应用程序的设置不允许使用一个或多个给定的URL.它必须与网站URL或Canvas URL匹配,或者域必须是App域之一的子域.

我错过了一些非常明显的东西吗？!

Answer 1

您是否将回调网址添加到应用的设置中？您必须在Facebook开发者应用程序设置中添加站点URL,以允许Facebook对任何特定网站进行回调.

应该在网站网址的基本设置或"有效OAuth重定向URI"的高级设置下

(另见这里)