2015-08-30Go

Go Revelフレームワーク jQuery非同期処理

概要

Go RevelフレームワークでAjax非同期処理を実装します。

CSRF 対策

以下コマンドにより
RevelフレームワークでCSFR対策する為のライブラリをインストール

1	$ go get github.com/cbonello/revel-csrf

app/init.go

ajax実行時にCSRFチェックする為、init.goでのチェックを外すように設定

init.go

GitHub Gist: instantly share code, notes, and snippets.

以下CSRFのFilter設定

func init()
    revel.Filters = []revel.Filter{
        ...
        ...
        csrf.CSRFFilter,               // CSRF prevention.
        ...

conf/routes で実行するAPIのURLはAjax実行時にCSRFチェックする為、
init.goではチェックを対象外とする様に設定

1	csrf.ExemptedFullPath("/api_execute")

View側の設定

views/header.html

<head>〜</head> 内にCSRFチェック用ハッシュ値をmeta情報として埋め込みます。

1	<meta name="csrf-token" content="{{ .csrf_token }}">

jQueryファイル

function setAjaxToken( token ) {
    // ajax --- start --------------------------------------------------
    $.ajaxSetup({
    	crossDomain: false,
    	beforeSend: function(xhr, settings) {
            if (!csrfSafeMethod(settings.type)) {
                xhr.setRequestHeader("X-CSRFToken", token );
            }
        }
    });
}

$(document).ready(function () {
    $(document).on("click", ".ajax_execute", function (event) {
	event.preventDefault();

    	setAjaxToken( postData['_token'] );

        var ajaxParamas = {};
    	ajaxParamas["type"]		= "POST";
    	ajaxParamas["url"]		= action;
    	ajaxParamas["data"]		= postData;
    	ajaxParamas["cache"]	= false;
    	ajaxParamas["dataType"]	= "json";

        $.ajax(ajaxParamas)
        .success( function(res) {
            console.log("(^-^) OK")
        }).error ( function() {
            console.log("(>_<) NG")
        });
        return false;
})

簡単…とは行ってない気がしますが
CSRF対策ができました。

Go Revelフレームワーク jQuery非同期処理

https://kenzo0107.github.io/2015/08/29/2015-08-30-go-revel-fw-jquery/

Author

Kenzo Tanaka

Posted on

2015-08-30

Go Revelフレームワーク jQuery非同期処理

概要

CSRF 対策

View側の設定

jQueryファイル

Author

Posted on

Licensed under

この記事は気に入りましたか？著者をサポートする

コメント

カテゴリ

最近の記事

タグ

更新を購読する

広告

Go Revelフレームワーク jQuery非同期処理

概要

CSRF 対策

View側の設定

jQueryファイル

Author

Posted on

Licensed under

この記事は気に入りましたか？ 著者をサポートする

コメント

カテゴリ

最近の記事

タグ

更新を購読する

広告

この記事は気に入りましたか？著者をサポートする