playframework-2.6 - Play 如何发送 CSRF token ？

Question

当我的应用程序从服务器检索 index.html 和其他 js 和 css 文件时，我没有看到 csrf header 或 cookie 中的标记。 play如何发送csrf token？

我的 UI 是一个 Angular 应用程序，由 play 提供服务。从文档中，我读到了 csrf token

此 token 被放置在查询字符串或提交的每个表单的正文中，也被放置在用户的 session 中

文档还说

为了确保 CSRF token 可用于在表单中呈现并发送回客户端，全局过滤器将为所有接受 HTML 的GET请求生成一个新 token ，如果 token 在传入请求中尚不可用。 - 但我没有看到此 token 响应我的初始 GET 请求。

由于我的 UI(以及表单)不是播放 UI，我不能使用 play 的注释将 csrf token 放入表单中。我希望在交付主页时，play 发送 csrf token ，Angular 应用程序可以在以后存储和使用该 token 。

以下是我在浏览器的开发者控制台上看到的 header 。

响应头

Content-Length      1421
Content-Type        text/html; charset=UTF-8
Date        Sun, 11 Mar 2018 21:23:52 GMT
Referrer-Policy     origin-when-cross-origin, strict-origin-when-cross-origin
X-Content-Type-Options      nosniff
X-Frame-Options     DENY
X-Permitted-Cross-Domain-Policies       master-only
X-XSS-Protection        1; mode=block

请求 header (600 B)

Accept      text/html,application/xhtml+xm…plication/xml;q=0.9,*/*;q=0.8
    Accept-Encoding     gzip, deflate
    Accept-Language     en-US,en;q=0.5
    Connection      keep-alive
    Cookie      PLAY_SESSION=eyJhbGciOiJIUzI1N…AR2uh5KwKBhqKxQQT1wWPWC2yPyCM
    Host        localhost:9000
    Upgrade-Insecure-Requests       1
    User-Agent      Mozilla/5.0 (Windows NT 10.0; …) Gecko/20100101 Firefox/58.0

Action 正在播放主页所在的服务器

def index =
    Action { implicit request =>
      val Token(name, value) = CSRF.getToken.get
      println(s"Token name ${name}, value ${value}")
      Ok(views.html.index("Your new application is ready."))
    }

我可以看到(打印) token 名称和值，但我不确定它是否在 Ok 响应中发送。

Answer 1

这是部分答案。 3 csrf感兴趣的配置 play是 token , cookie和 header名字

如果没有 token , cookie和 header的 csrf配置属性，则默认值为 csrfToken对于 token 名称)，没有为 cookie 和 Csrf-Token 配置任何内容对于 header

当 token然后配置名称 play似乎发送了一个PLAY_SESSION曲奇饼。例如 token.name = "CJCsrfToken" .在这种情况下， token 的名称是 CJCsrfToken而不是 csrfToken .但是，我找不到如何 csrfToken被发送以及如何在客户端检索它。我有一个 Angular5客户，我无法让它通过 csrf当只有 token.name在 play 中配置.

如果cookie名称已配置，Play 将存储 csrf标记在具有给定名称的 cookie 中，而不是在 session 中。我想我们应该配置 token.name或 cookie.name .例如 cookie.name = "CJCsrfCookie"意味着你应该看到一个名为 CJCsrfCookie 的 cookie

现在，如果只配置了 cookie.name 但没有配置 header 名称，那么 Play 预计来自客户端的请求将包含 csrf header 中的 token Csrf-Token (默认标题名称)

Angular中的代码接受 cookie 并返回 header 是

HttpClientXsrfModule.withOptions({ cookieName: 'CJCsrfCookie', headerName: 'Csrf-Token' }),

如果您不想使用默认 header 名称，请在 header.name 中配置新名称.这将是从中接受 CSRF token 的 header 的名称。例如 header.name = "CJCsrfHeader"

Angular中的代码接受 cookie 并返回 header 是

HttpClientXsrfModule.withOptions({ cookieName: 'CJCsrfCookie', headerName: 'CJCsrfHeader' }),

请注意，对于 Angular 部分，url 必须是相对的。看这个angular4 httpclient csrf does not send x-xsrf-token有