Rails、Devise、Backbone.jsでのトークン認証の使い方は？

Question

私はPhoneGap、jQuery Mobile、Backbone.jsをモバイル側に実装しようとしています.Rails 3 JSON APIをサーバ側で実行しています。

認証後にサーバーからトークンを取得する方法はわかっていますが、backbone.jsがサーバーに行うすべてのAJAX要求に「token_auth」キー/値を追加する方法はわかりません。

はここで、現時点での私の流れです：いくつかのフォームフィールドとヒットで

1. ユーザータイプ「ログに」バックボーンは、メールアドレスとパスワードの情報を持つ新しいPlayerオブジェクトを作成します
2. 。しかし - 私はこの後
3. すべての要求をAUTHENTICATION_TOKENするトークンを設定しますPlayer.authenticateは「auth_token =」+ AUTHENTICATION_TOKEN

を追加する必要があり、私は多分、AJAX呼び出しをオーバーライドするためにhttp://documentcloud.github.com/backbone/#Sync見てきた実行

この単純な作業ではかなり極端に見えます。

Devise token_authenticationとBackbone.jsを使用している人はいますか？

Answer 1

なぜjqueryのすべてのAjaxリクエストにそれを追加しないでください。 jQueryを使用してすべてのajax呼び出しにauth_tokenを追加します。これは、jQuery ajax（またはそうするlibs）で直接作業するときに役立ちます。しかし、これはセキュリティ上の問題でもあります（あなたが他のサイトにajaxコールをしたとき...）。

// this is untested 
$.ajaxSetup({ beforeSend : function(xhr, settings){ 

    // just because the auth_token is a private information 
    if(!settings.crossDomain) { 

    // parse data object 
    var dataobj = JSON.parse(xhr.data); 

    // add authentication token to the data object 
    dataobj.auth_token = AUTHENTICATION_TOKEN; 

    // save the dataobject into the jqXHR object 
    xhr.data = JSON.stringify(dataobj); 

    } 
}}); 

---

別のアプローチは、ヘッダにそのトークンを作成し、サーバー側でそれを処理することであってもよい

：

// thats not beautiful 
$.ajaxSetup({ headers : { "auth_token" : AUTHENTICATION_TOKEN } }); 

Answer 2

キーはBackbone.sync方法でそれを導入することです。

この実装を見てみましょう：https://github.com/codebrew/backbone-rails/blob/master/vendor/assets/javascripts/backbone_rails_sync.js

あなたはそれをこのように自分自身を追加することができます。

Backbone.old_sync = Backbone.sync 
Backbone.sync = function(method, model, options) { 
    var new_options = _.extend({ 
     beforeSend: function(xhr) { 
      var token = $('meta[name="csrf-token"]').attr('content'); 
      if (token) xhr.setRequestHeader('X-CSRF-Token', token); 
     } 
    }, options) 
    return Backbone.old_sync(method, model, new_options); 
}; 

はこのバイオリンをチェックアウト：http://jsfiddle.net/dira/ZcY3D/14/

Answer 3

はそれを送信します。このような関数を作成します。サーバーにajaxリクエストが送信されるたびに

$(function(){ 
    $(document).ajaxSend(function(e, xhr, options) { 
     var token = $("meta[name='csrf-token']").attr("content"); 
     xhr.setRequestHeader("X-CSRF-Token", token); 
    }); 
})