php - Symfony2 AJAX ログイン

Question

Symfony2 と FOSUserBundle を使用して AJAX ログインを作成しようとしている例があります。私は自分のファイルに自分自身success_handlerを設定しています。failure_handlerform_loginsecurity.yml

クラスは次のとおりです。

class AjaxAuthenticationListener implements AuthenticationSuccessHandlerInterface, AuthenticationFailureHandlerInterface
{  
    /**
     * This is called when an interactive authentication attempt succeeds. This
     * is called by authentication listeners inheriting from
     * AbstractAuthenticationListener.
     *
     * @see \Symfony\Component\Security\Http\Firewall\AbstractAuthenticationListener
     * @param Request        $request
     * @param TokenInterface $token
     * @return Response the response to return
     */
    public function onAuthenticationSuccess(Request $request, TokenInterface $token)
    {
        if ($request->isXmlHttpRequest()) {
            $result = array('success' => true);
            $response = new Response(json_encode($result));
            $response->headers->set('Content-Type', 'application/json');
            return $response;
        }
    }

    /**
     * This is called when an interactive authentication attempt fails. This is
     * called by authentication listeners inheriting from
     * AbstractAuthenticationListener.
     *
     * @param Request                 $request
     * @param AuthenticationException $exception    
     * @return Response the response to return
     */
    public function onAuthenticationFailure(Request $request, AuthenticationException $exception)
    {
        if ($request->isXmlHttpRequest()) {
            $result = array('success' => false, 'message' => $exception->getMessage());
            $response = new Response(json_encode($result));
            $response->headers->set('Content-Type', 'application/json');
            return $response;
        }
    }
}

これは、AJAX ログイン試行の成功と失敗の両方を処理するのに最適です。ただし、有効にすると、標準フォーム POST メソッド (非 AJAX) 経由でログインできません。次のエラーが表示されます。

Catchable Fatal Error: Argument 1 passed to Symfony\Component\HttpKernel\Event\GetResponseEvent::setResponse() must be an instance of Symfony\Component\HttpFoundation\Response, null given

my onAuthenticationSuccessand onAuthenticationFailureoverrides を XmlHttpRequests (AJAX リクエスト) に対してのみ実行し、そうでない場合は実行を元のハンドラーに戻すだけにしたいと思います。

これを行う方法はありますか？

TL;DR AJAX で要求されたログイン試行で、成功と失敗の JSON 応答が返されるようにしたいのですが、フォーム POST を介した標準のログインには影響しないようにしたいと考えています。

score 50 · Accepted Answer

デビッドの答えは良いですが、初心者のための詳細が少し欠けています-したがって、これは空白を埋めることです。

AuthenticationHandlerの作成に加えて、ハンドラーを作成したバンドルのサービス構成を使用して、AuthenticationHandlerをサービスとして設定する必要があります。デフォルトのバンドル生成ではxmlファイルが作成されますが、私はymlを好みます。以下にservices.ymlファイルの例を示します。

#src/Vendor/BundleName/Resources/config/services.yml

parameters:
    vendor_security.authentication_handler: Vendor\BundleName\Handler\AuthenticationHandler

services:
    authentication_handler:
        class:  %vendor_security.authentication_handler%
        arguments:  [@router]
        tags:
            - { name: 'monolog.logger', channel: 'security' }

次のように、xmlの代わりにymlを使用するようにDependencyInjectionバンドル拡張を変更する必要があります。

#src/Vendor/BundleName/DependencyInjection/BundleExtension.php

$loader = new Loader\YamlFileLoader($container, new FileLocator(__DIR__.'/../Resources/config'));
$loader->load('services.yml');

次に、アプリのセキュリティ構成で、定義したauthentication_handlerサービスへの参照を設定します。

# app/config/security.yml

security:
    firewalls:
        secured_area:
            pattern:    ^/
            anonymous: ~
            form_login:
                login_path:  /login
                check_path:  /login_check
                success_handler: authentication_handler
                failure_handler: authentication_handler

score 31 · Accepted Answer

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);
        }
    }
}

score 4 · Accepted Answer

FOS UserBundle フォームエラーのサポートが必要な場合は、次を使用する必要があります。

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

それ以外の：

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

最初の答えで。

(もちろんヘッダーについて覚えておいてください: use Symfony\Component\Security\Core\SecurityContext;)

score 3 · Accepted Answer

私はこれを完全に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;
        });
    }

これが AjaxFormDialog クラスです。残念ながら、今のところjQueryプラグインに移植していません... https://gist.github.com/1601803

score 2 · Accepted Answer

どちらの場合も (Ajax かどうかに関係なく) Response オブジェクトを返す必要があります。「else」を追加すると、準備完了です。

デフォルトの実装は次のとおりです。

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

のAbstractAuthenticationListener::onSuccess

score 1 · Accepted Answer

新しいユーザーが AJAX ログインフォームを提供するための小さなバンドルを作成しました: https://github.com/Divi/AjaxLoginBundle

security.ymlのajax_form_loginによるform_login認証に置き換えるだけです。

Github issue tracker で新機能を提案してください。

php - Symfony2 AJAX ログイン

7 に答える 7

Related

Reference