如何在用户登录后重定向用户并获取用户的照片,姓名和其他详细信息

问题描述 投票:0回答:1

我正在尝试登录与Facebook的反应,我们正在使用此代码https://gist.github.com/ronit-mukherjee/3e933509643a4ab4e80452bb05c1a073。但是,我担心的是如果用户成功登录后如何将用户重定向到某个页面。据我所知,它必须列入白名单,但事情是如何重定向。另一件事是我们也需要这些数据也是accessToken作为回应。

reactjs facebook facebook-graph-api
1个回答
0
投票

尝试使用这个库react-facebook-login你的代码将更清洁。在此成功登录后您应该做什么,只需将该数据发送到您的API并使用this.props.history.push('/');导航到另一个页面:

    onFbAuth = response => {
        let data = {
            id: response.userID,
            email: response.email,
            firstName: response.first_name,
            lastName: response.last_name,
            picture: response.picture.data['url'],
            social: "facebook"
        }

        //data is the object that facebook api sends you back.
        authService.login(data).then((response) => {
           this.props.history.push('/');
        })
    }

    failed = () => {
        console.log('something failed');
    }

    render() {
        return (
            <FacebookLogin
                appId='YOUR_APP_ID'
                autoLoad={false}
                fields="first_name, last_name, email, picture"
                onFailure={this.failed}
                callback={this.onFbAuth}
            />
        );
    }
© www.soinside.com 2019 - 2024. All rights reserved.