Login Symfony2 AJAX

namespace YourVendor\UserBundle\Handler;

use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\HttpFoundation\RedirectResponse;
use Symfony\Bundle\FrameworkBundle\Routing\Router;
use Symfony\Component\Security\Core\Authentication\Token\TokenInterface;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\Security\Http\Authentication\AuthenticationSuccessHandlerInterface;
use Symfony\Component\Security\Http\Authentication\AuthenticationFailureHandlerInterface;
use Symfony\Component\Security\Core\Exception\AuthenticationException;

class AuthenticationHandler
implements AuthenticationSuccessHandlerInterface,
           AuthenticationFailureHandlerInterface
{
    private $router;

    public function __construct(Router $router)
    {
        $this->router = $router;
    }

    public function onAuthenticationSuccess(Request $request, TokenInterface $token)
    {
        if ($request->isXmlHttpRequest()) {
            // Handle XHR here
        } else {
            // If the user tried to access a protected resource and was forces to login
            // redirect him back to that resource
            if ($targetPath = $request->getSession()->get('_security.target_path')) {
                $url = $targetPath;
            } else {
                // Otherwise, redirect him to wherever you want
                $url = $this->router->generate('user_view', array(
                    'nickname' => $token->getUser()->getNickname()
                ));
            }

            return new RedirectResponse($url);
        }
    }

    public function onAuthenticationFailure(Request $request, AuthenticationException $exception)
    {
        if ($request->isXmlHttpRequest()) {
            // Handle XHR here
        } else {
            // Create a flash message with the authentication error message
            $request->getSession()->setFlash('error', $exception->getMessage());
            $url = $this->router->generate('user_login');

            return new RedirectResponse($url);
        }
    }
}

Jeśli chcesz obsługiwać błąd formularza Fos UserBundle, musisz użyć:

$request->getSession()->set(SecurityContext::AUTHENTICATION_ERROR, $exception);

Zamiast:

$request->getSession()->setFlash('error', $exception->getMessage());

W pierwszej odpowiedzi.

(oczywiście pamiętaj o nagłówku: use Symfony \ Component \ Security \ Core\SecurityContext;)

Załatwiłem to całkowicie za pomocą javascript:

if($('a.login').length > 0) { // if login button shows up (only if logged out)
        var formDialog = new MyAppLib.AjaxFormDialog({ // create a new ajax dialog, which loads the loginpage
            title: 'Login',
            url: $('a.login').attr('href'),
            formId: '#login-form',
            successCallback: function(nullvalue, dialog) { // when the ajax request is finished, look for a login error. if no error shows up -> reload the current page
                if(dialog.find('.error').length == 0) {
                    $('.ui-dialog-content').slideUp();
                    window.location.reload();
                }
            }
        });

        $('a.login').click(function(){
            formDialog.show();
            return false;
        });
    }

Oto Klasa AjaxFormDialog. Niestety nie przeportowałem go do wtyczki jQuery... https://gist.github.com/1601803

Musisz zwrócić obiekt odpowiedzi w obu przypadkach(Ajax lub nie). Dodaj 'else' i możesz zaczynać.

Domyślna implementacja to:

$response = $this->httpUtils->createRedirectResponse($request, $this->determineTargetUrl($request));

W AbstractAuthenticationListener::onSuccess

Zrobiłem mały pakiet dla nowych użytkowników, aby dostarczyć formularz logowania AJAX: https://github.com/Divi/AjaxLoginBundle

Wystarczy zamienić na form_login uwierzytelnienie przez ajax_form_login w zabezpieczeniu .yml .

Zachęcamy do zaproponowania nowej funkcji w Github issue tracker !

To może nie jest to, o co prosiło OP, ale natknąłem się na to pytanie i pomyślałem, że inni mogą mieć ten sam problem, co ja.

Dla tych, którzy implementują logowanie AJAX przy użyciu metody opisanej w zaakceptowanej odpowiedzi i którzy również używają AngularJS do wykonania żądania AJAX, to nie będzie działać domyślnie. $http Angular nie ustawia nagłówków używanych przez Symfony podczas wywoływania metody $request->isXmlHttpRequest(). Aby skorzystać z tej metody, należy ustawić odpowiednie nagłówek w żądaniu kątowym. To jest to, co zrobiłem, aby obejść problem:

$http({
    method  : 'POST',
    url     : {{ path('login_check') }},
    data    : data,
    headers: {'X-Requested-With': 'XMLHttpRequest'}
})

Zanim użyjesz tej metody, pamiętaj, że nagłówek nie działa dobrze z CORS. Zobacz to pytanie