CSRF 보호
시작하기
라라벨은 크로스-사이트 요청 위조 공격 (CSRF)으로부터 당신의 애플리케이션을 쉽게 보호할 수 있게 해줍니다. 사이트 간 요청 위조는 인증된 사용자를 대신해서 승인되지 않은 커맨드를 악의적으로 활용하는 것입니다.
라라벨은 애플리케이션에 의해 관리되는 모든 활성화된 유저 세션마다 CSRF "토큰"을 자동으로 만듭니다. 이 토큰은 승인된 사용자가 애플리케이션에 요청을 할 수 있는 유일한 사람임을 확인하는데 사용됩니다.
HTML 폼을 정의할 때, CSRF 보호 미들웨어가 요청을 검증할 수 있도록 CSRF 토큰을 hidden 필드로 포함시켜야 합니다. 토큰 필드를 생성하기 위해 csrf_field
헬퍼를 사용할 수 있습니다.
<form method="POST" action="/profile">
{{ csrf_field() }}
...
</form>
web
미들웨어 그룹에 속한 VerifyCsrfToken
미들웨어는 자동으로 요청에 포함된 토큰이 세션에 저장된 토큰과 일치하는지 확인할 것입니다.
CSRF 토큰 & JavaScript
자바스크립트를 기반으로한 애플리케이션을 구성할 때, 자바스크립트 HTTP 라이브러리가 모든 서버 요청에 CSRF 토큰을 자동으로 추가해주면 편리합니다. 기본적으로 resources/assets/js/bootstrap.js
파일은 csrf-token
메타 태그 값을 Axios HTTP 라이브러리에 등록합니다. 이 라이브러리를 사용하지 않는 경우 애플리케이션에 이 작업을 직접 구성하도록 해야합니다.
CSRF 보호로 부터 특정 URI를 제외시키기
URI를 CSRF 보호에서 제외시키고 싶을 때가 있습니다. 예를 들어서, 결제를 진행하기 위해 Stripe를 사용하고 있고, Stripe의 웹훅 시스템을 활용하고 있다면, Stripe 웹훅 핸들러 라우트를 CSRF 보호로 부터 제외시킬 필요가 있을 것입니다. 왜냐하면 Stripe 는 당신의 라우트에 어떤 CSRF 토큰을 보내야 하는지 모를 것이기 때문입니다.
일반적으로, 제외하고 싶은 라우트를 RouteServiceProvie
가 routes/web.php
에 있는 모든 라우트에 적용하는 web
미들웨어 그룹 외부에 두어야 합니다. 하지만, VerifyCsrfToken
미들웨어의 $except
속성에 URI를 추가하여 제외시킬 수도 있습니다.
<?php
namespace App\Http\Middleware;
use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken as BaseVerifier;
class VerifyCsrfToken extends BaseVerifier
{
/**
* The URIs that should be excluded from CSRF verification.
*
* @var array
*/
protected $except = [
'stripe/*',
];
}
X-CSRF-TOKEN
POST 파라메터으로 넘어오는 CSRF 토큰을 체크하는 것에 더하여, VerifyCsrfToken
미들웨어는 X-CSRF-TOKEN
요청 헤더 역시 체크 할 것입니다. 예를들어, HTML meta
태그에 토큰을 저장할 수 있습니다.
<meta name="csrf-token" content="{{ csrf_token() }}">
그리고나서, meta
태그를 만들고나면, jQeury와 같은 라이브러리를 사용하여 자동적으로 모든 헤더에 토큰을 추가할 수 있습니다. 이러한 방식은 AJAX 기반 애플리케이션을 위한 간단하고 편리한 CSRF 보호 방법을 제공해줍니다.
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
{tip} 기본적으로
resources/assets/js/bootstrap.js
파일은csrf-token
메타 태그 값을 Axios HTTP 라이브러리에 등록합니다. 이 라이브러리를 사용하지 않는 경우 애플리케이션에 이 작업을 직접 구성하도록 해야합니다.
X-XSRF-TOKEN
라라벨은 현재의 CSRF 토큰을 프레임워크가 생성하는 모든 요청에 포함되어 있는 XSRF-TOKEN
쿠키에 저장합니다. X-XSRF-TOKEN
요청 헤더를 세팅하기 위해 쿠키 값을 사용할 수 있습니다.
이 쿠키는 주로 편의를 위해 보내집니다. 왜냐하면 Angular 와 Axios 같은 자바스크립트 프레임워크나 라이브러리는 그 값을 X-XSRF-TOKEN
헤더에 자동으로 설정하기 때문입니다.