Question

我正在使用 FB javascript SDK 3.3 与Facebook登录。当我按下登出时，我在控制台中收到一条警告。

您正在覆盖当前的访问令牌，这意味着某些其他应用程序期望使用不同的访问令牌，并且您可能会破坏事情。请考虑将access_token直接传递给API参数，而不是覆盖全局设置。

console

这里是一个虚拟的React组件，我正在其中测试FB登录。

import React, { Component } from 'react'
import config from "../util/config";

export default class LoginTest extends Component {
  constructor(props) {
    super(props);
    this.state = {
      loggedin: undefined,
      username: "",
    }
  }

  componentDidMount() {
    let that = this;
    window.fbAsyncInit = function () {
      window.FB.init({
        appId: config.FB_APP_ID,
        cookie: true,
        xfbml: true,
        version: 'v3.3'
      });
      window.FB.getLoginStatus(function (response) {
        if (response.status === 'connected') {
          that.setState({ loggedin: true, username: response.authResponse.userID })
        }
        else that.setState({ loggedin: false });
      });
    };

    (function (d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
  }

  login = () => {
    let that = this;
    this.setState({ loggedin: undefined });
    window.FB.login(function (response) {
      if (response.status === 'connected') {
        console.log("success", response);
        that.setState({ loggedin: true, username: response.authResponse.userID })
      } else {
        console.log("fail", response);
        that.setState({ loggedin: false, username: "" })
      }
    });
  }

  logout = () => {
    this.setState({ loggedin: undefined });
    let that = this;
    window.FB.logout(function (response) {
      if (response.status !== 'connected') {
        that.setState({ loggedin: false, username: ""});
      } else {
        that.setState({ loggedin: true, username: "" });
      }
    });
  }

  render() {
    return (
      <div style={{ margin: "auto", textAlign: "center", marginTop: 200 }}>
        {this.state.loggedin === undefined ?
          <h1>Loading</h1> : null
        }
        {this.state.loggedin === true ?
          <div>
            <h4>{this.state.username}</h4>
            <button onClick={this.logout}>logout</button>
          </div>
          : null
        }
        {this.state.loggedin === false ?
          <div>
            <button onClick={this.login}>Login</button>
          </div> : null
        }
      </div>
    )
  }
}

Answer 1

这是因为您先调用FB.getLoginStatus，然后再调用FB.login。

该错误仅表示您首次调用.getLoginStatus时收到访问令牌，然后在调用.login时将其覆盖。

您可以通过删除.getLoginStatus（如果您要调用.login，则可能没有必要）来解决此问题，或者重新使用.getLoginStatus中的访问令牌，然后将其传递给.login函数。

在Facebook注销按钮上收到OVERRIDING ACCESS_TOKEN警告。一周前开始

1 个答案: