PHP Facebook 第三方登录

CNian_

于 2023-05-06 14:46:51 发布

阅读量519

点赞数

分类专栏： PHP 第三方登录文章标签： php

本文链接：https://blog.csdn.net/CNian_/article/details/130522932

版权

PHP 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

第三方登录

4 篇文章 0 订阅

订阅专栏

申请

成为facebook开发者

创建应用

点击创建应用, 按提示创建应用
设置-基本设置, 填写基本信息, 记录对应appId 和秘钥
在产品中添加facebook登录
OAuth 客户端授权设置, 跳转地址
应用审核-权限和功能: 开启获取email权限

代码

html

<a href="javascript:fbLogin()"> facebook </a>

<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
<script>
    window.fbAsyncInit = function() {
        FB.init({
        appId      : 'xxxxxxxx',
        cookie     : true,
        xfbml      : true,
        version    : 'v15.0'
        });      
        FB.AppEvents.logPageView();         
	};

    function fbLogin() {
    	FB.login(function (response) {
            if (response.authResponse) {
                checkLoginState()
            } else {
                showPopup('error', 'User cancelled login or did not fully authorize.');
                // console.log('User cancelled login or did not fully authorize.');
            }
        }, { scope: 'email, public_profile', return_scopes: true});
	}

    function checkLoginState() {
	    FB.getLoginStatus(function(response) {
	      statusChangeCallback(response);
	    });
    }

    function statusChangeCallback(response) {
        if (response.status === 'connected') {
        	// 登陆状态已连接
            FB.api('/me?fields=id,name,email', function(response) {
                // 获取用户信息后, 请求接口存储信息, 下方写一个php方法处理数据即可
                $.post('/facebookLogin', {userdata:response},function(data){
                    if(data.status == 200){
                        showPopup('success','Login Success!','1500');
                        $('.generalPop').on('hidden.bs.modal', function(){
                            window.location.reload();
                        });
                    }else{
                        showPopup('error', data.message);
                    }
                });
            // console.log('Successful login for: ' + response);
            });
        } else if (response.status === 'not_authorized') { //未经授权
            showPopup('error', 'Not_authorized');
            // console.log('facebook未经授权');
        } else {
            // console.log('不是登陆到Facebook;不知道是否授权');
        }
    }
</script>

PHP

    /**
     * Facebook 登录
     */
    public function facebookLogin(Request $request)
    {
    	// 得到用户信息 id, name, email
        $userData = $request->userdata;
        if(!isset($userData['email'])){
            return response()->json(['status' => 401, 'message' => 'We need your Email!']);
        }
      	// 处理自己的注册/登录信息
           
        return response()->json(['status' => 200]);
    }