Tengo la siguiente situación:
El servicio que tengo funciona a medias. No lo hice yo, así que quiero modificarlo un poco para que haga dos pasos en uno, es decir, actualmente cuando doy clic en el botón que tengo para facebook solo registra pero . no me hace el login. Nunca he tocado la api de facebook así que no se por donde empezar...
Tengo lo siguiente: Utilizo un archivo javascript que contiene las funciones que ocupa el accion del boton.
function FacebookAuthService(config) { var self = this; this.logged = false; this.init = function () { FB.init({ appId: config.fbappId, cookie: true, status: true, xfbml: config.fbxfbml, version: config.fbversion }); FB.Event.subscribe('auth.authResponseChange', self.userStatusChange); }; function fbLogin(perms, callback) { perms = perms || ''; FB.login(function (response) { if (response.status === 'connected') { return callback({logged: true, uid: FB.getUserID()}); } return callback({logged: false}); }, {scope: perms}); } this.userStatusChange = function (response) { self.logged = (response.status === 'connected'); }; this.login = function (perms, callback) { //if (!self.logged) { fbLogin(perms, callback); //} else { // callback({logged: true, uid: FB.getUserID()}); //} }; this.getToken = function () { return FB.getAccessToken(); }; } /** * Service for Facebook Graph API * * @constructor */ function FacebookGraphService() { /** * Calls to graph API * * @param path * @param params * @param callback */ this.graph = function (path, params, callback) { params = params || {}; FB.api(path, params, function (response) { var status = (response && !response.error); callback(status, response); }); }; } /** * Service for facebook user * * @constructor */ function FacebookUserService() { /** * @type {FacebookGraphService} */ var graphService = new FacebookGraphService(); /** * Returns user's info * * @param uid * @param callback */ this.getUserInfo = function (uid, callback) { uid = uid || 'me'; graphService.graph('/' + uid, {fields: 'id,first_name,last_name,email'}, callback); }; }
Dentro de la pagina donde cargo el contenido tengo un script que genera el sdk de facebook e inicializo la funcion principal
<script type="text/javascript">
// Load the SDK asynchronously
(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'));
var fbAuthService = {};
window.fbAsyncInit = function () {
fbAuthService = new FacebookAuthService(globalServerData);
fbAuthService.init();
};
</script>
Y por ultimo tengo el accion del boton de facebook
$(document).on("click", ".js-login-facebook", function () {
$(".js-login-normal").attr("disabled", true);
var l = Ladda.create(document.querySelector(".js-login-facebook"));
l.start();
fbAuthService.login('email,public_profile', function (response) {
if (response.logged) {
var userService = new FacebookUserService();
userService.getUserInfo(response.uid, registerFbUser);
l.stop();
}
});
});
function registerFbUser(status, data) {
if (status) {
$.post(globalServerData.ajaxfbloginUrl, data, function (response) {
bootbox.hideAll();
console.log(response);
if (response.status == true) {
return location.reload(true);
}
bootbox.alert(response.message);
}, 'json');
}
}
La situación es que no se por donde empezar... Se supone que cuando uno clickea el botón se hace el registro en la BD de datos, seguido de esto se recarga la página pero no se inicia sesión automaticamente... Entonces tengo que volver a clickear el boton para poder hacer el login... Ese es el proceso que sigo...
Por ultimo del lado del servidor tengo esto que es parte de facebook
public function actionFacebookLogin() {
/** @var Customer $customer */
try {
$guest = $this->getGuestActual();
if ($guest->isCustomer()) {
throw new ValidationException('Ya tienes una session iniciada.');
}
$service = new FacebookUserService();
$userInfo = $service->getUserInfo();
$customer = Customer::find()->where(['fb_uid' => $userInfo->id])->one();
if (empty($customer)) {
$customerService = new CustomerService();
$customer = $customerService->createByFacebook($userInfo);
}
$this->startCustomerSession($customer);
} catch (ValidationException $e) {
return json_encode(['status' => false, 'message' => $e->getMessage()]);
} catch (\Exception $e) {
return json_encode(['status' => false, 'message' => 'El usuario no existe.']);
}
return json_encode(['status' => true, 'message' => '']);
}