springbootで作成した新規登録画面がうまく起動しない

Question

いつもお世話になっております。
springbootでNewAccount画面（新規会員登録画面）を作成しました。
NewAccount画面（新規会員登録画面）を開き、登録する名前とパスワードを入力し
登録ボタンを押下したところ下記のエラーが出ました

Whitelabel Error Page

This application has no explicit mapping for /error, so you are seeing this as a fallback.

Tue May 23 22:26:09 JST 2017
There was an unexpected error (type=Forbidden, status=403).
Invalid CSRF Token 'null' was found on the request parameter '_csrf' or header 'X-CSRF-TOKEN'

原因が不明ですのでご教授よろしくお願いいたします。

package com.tuyano.springboot.dateaccess;

import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

import com.tuyano.springboot.dateaccess.Newaccount;

@Repository
public interface DataAccessRepository extends JpaRepository<Newaccount, Integer>{
	
}

package com.tuyano.springboot.dateaccess;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;


@Entity// このクラスはEntityとして登録しますよ、とspringに教えてます
public class Newaccount {

	@Id// プライマリーキーのものに設定してください
	@GeneratedValue// 主に数字に対して、順番に一意に設定しますよ、の意味
	private Integer ID;

	@Column// ただの変数じゃなくて、DBのカラムだよ、の意味
	private String name;
	@Column// 
	private int password;
	
	// setter & getter ---------------------
	public Integer getID() {
		return ID;
	}
    public String getName(){
    	return name;
    }
    public int getPassword(){
    	return password;
    }
   
	
	public void setEmpID(Integer ID) {
		this.ID = ID;
	}

	public void setName(String name) {
		this.name = name;
	}

	public void setPassword(int password) {
		this.password = password;
	}
   
	
	
	
    // constructor --------------------------
	public Newaccount(){
		super();
	}

    public Newaccount(Integer ID, String name,int password){
        super();
        this.ID =ID;
        this.name = name;
        this.password = password;

    }
    
}

package com.tuyano.springboot.app;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.autoconfigure.EnableAutoConfiguration;
import org.springframework.http.MediaType;
import org.springframework.stereotype.Controller;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;
import com.fasterxml.jackson.databind.SerializationFeature;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.tuyano.springboot.app.Emp;
import com.tuyano.springboot.app.EmpRepository;
import com.tuyano.springboot.dateaccess.DataAccessRepository;
import com.tuyano.springboot.dateaccess.Newaccount;



@Controller
@EnableAutoConfiguration
public class Test {

	@Autowired //リポジトリを紐づけます
	EmpRepository repository;
	@Autowired //リポジトリを紐づけます
    DataAccessRepository dataAccessRepository;
	@RequestMapping(value="/")
	@ResponseBody
	public String home(){
    //json値格納変数
	String jsonvalue;
	 //全件取得します
	Iterable<Emp> list = repository.findAll();
		
		// 取得した内容を出力します
		for(Emp emp: list){
		//Jacksonでオブジェクトを JSON に変換
		ObjectMapper objectMapper = new ObjectMapper();
		try {
			jsonvalue = objectMapper.writeValueAsString(emp);
		System.out.println("jsonの値"+jsonvalue);
        return jsonvalue;
		}catch (JsonProcessingException e) {
			e.printStackTrace();
		}
		}
		return null;
		
	}
	//first画面呼び出し
	@RequestMapping(value="/first",method=RequestMethod.GET)
	public String find(){
	
		return null;
	}
	//NewAccount画面呼び出し
	@RequestMapping(value="/NewAccount",method=RequestMethod.GET)
	public String NewAccount(){
	
		return null;
	}
	//NewAccount画面呼び出し
	@RequestMapping(value="/NewAccount",method=RequestMethod.POST)
	@Transactional(readOnly=false)
	public ModelAndView register(@ModelAttribute("formModel") Newaccount newaccount,ModelAndView mav){
		System.out.println("newaccountは"+newaccount);
		dataAccessRepository.saveAndFlush(newaccount);
		return new ModelAndView("redirect:/NewAccount");
	}
	
	
}

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>top page</title>
<meta http-equiv="Content-Type"
content="text/html" charset="UTF-8"/>

<!-- css -->

<style>
    html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #map { height: 100% }
</style>
</head>
<body>

   <h1 th:text="${title}">find Page</h1>
   <table>
   <form method="post" action="/NewAccount" th:object="${formModel}">
 <tr><td>名前</td>
 <td><input type="text" id="name"  name="name" size="20" th:value="${name}"/></td></tr>
 <tr><td>パスワード</td>
 <td><input type="text" id="password" name="password" size="20" th:value="${password}"/></td></tr>
 <tr><td></td><td><input type="submit" /></td></tr>
 </form> 
 </table>
</body>
</html>

Answer 1

スタックトレースに出ていますように

Invalid CSRF Token 'null' was found on the request parameter '_csrf' or header 'X-CSRF-TOKEN'

spring-boot-starter-securityをお使いでしょうか。

SpringSecurityを使ったCSRFトークンチェックを実施しているのに、CSRFトークンチェック用のパラメータまたはHTTPヘッダが入っていないようです。

以下の公式サイトにも書かれていますが、
http://docs.spring.io/spring-security/site/docs/current/reference/html/csrf.html#csrf-include-csrf-token

Spring MVCのform:formタグか or Thymeleaf 2.1以降でかつ @EnableWebSecurityを設定している場合なら、CsrfTokenは自動的に埋め込まれます。

Comments

[heavyuseman]

ご回答ありがとうございます。上記の通りに修正したところ無事エラーが解決しました。

[A-pZ]

Σ d(・ω・