在主干上添加请求标头

Question

我的服务器有手动授权。我需要将我的服务器的用户名/密码放到我的骨干请求中，以便通过它。我该怎么做？有任何想法吗？谢谢

Answer 1

Backbone中的模型使用方法fetch,save和destroy检索，更新和销毁数据。这些方法将实际的请求部分委托给Backbone.sync。在引擎盖下，所有Backbone.sync正在做的是使用jQuery创建一个ajax请求。为了结合你的基本HTTP认证，你有两个选项。

fetch,save和destroy都接受附加参数[options]。这些[options]只是一个jQuery请求选项的字典，它包含在jQuery ajax调用中。这意味着你可以很容易地定义其追加认证的简单方法：

sendAuthentication = function (xhr) { 
    var user = "myusername";// your actual username 
    var pass = "mypassword";// your actual password 
    var token = user.concat(":", pass); 
    xhr.setRequestHeader('Authorization', ("Basic ".concat(btoa(token)))); 
} 

并将其包含在每个fetch，save和destroy打电话给你做。像这样：

fetch({ 
    beforeSend: sendAuthentication 
}); 

这可以产生相当多的重复。另一个选项可以是覆盖Backbone.sync方法，复制原始代码并将beforeSend选项包含在每个jQuery ajax请求中。

希望这会有所帮助！

Answer 2

在Backbone.js中添加请求标头的最简单方法是将它们作为参数传递给获取方法。

MyCollection.fetch({ headers: {'Authorization' :'Basic USERNAME:PASSWORD'} }); 

Answer 3

Object.save(
    {'used': true} 
    {headers: {'Access-Token': 'access_token'}} 
) 

Answer 4

您可以覆盖骨干同步方法。

#coffeescript 
_sync = Backbone.sync 
Backbone.sync = (method, model, options) -> 
    options.beforeSend = (xhr) -> 
     xhr.setRequestHeader('X-Auth-Token_or_other_header' , your_hash_key) 
     #make sure your server accepts X-Auth-Token_or_other_header!! 
    #calling the original sync function so we only overriding what we need 
    _sync.call(this, method, model, options)  

Answer 5

一个选项可能是使用jQuery ajaxSetup，所有的Backbone请求最终都会使用底层的jQuery ajax。这种方法的好处是你只需要添加一个地方。

$.ajaxSetup({ 
    headers: { 'Authorization' :'Basic USERNAME:PASSWORD' } 
}); 

编辑2018年1月2日 对于复杂的Web应用程序，这可能不是最好的方法，请参见下面的评论。为了参考而留下答案。

Answer 6

Backbone.$.ajaxSetup({ 
    headers: {'Authorization' :'Basic USERNAME:PASSWORD'} 
}); 

此代码将标题设置为Backbone ajax，因此它们将与每个Backbone.sync一起发送。每次同步呼叫时，您将能够发送标题，而不使用xhr.setRequestHeader。

所以你不需要做每次执行以下操作：

MyCollection.fetch({ headers: {'Authorization' :'Basic USERNAME:PASSWORD'} }); 

你可以做

MyCollection.fetch(); 

也许这是一种技巧，但它完全适用于我的系统。

Answer 7

我的做法就是覆盖同步方法，以便在请求之前添加标头。 在该示例中，您可以看到我创建了一个Backbone.AuthenticatedModel，该范围从Backbone.Model延伸。

这将影响所有的方法（GET，POST，删除等）

Backbone.AuthenticatedModel = Backbone.Model.extend({ 
    sync: function(method, collection, options){ 
     options = options || {}; 
     options.beforeSend = function (xhr) { 
      var user = "myusername";// your actual username 
      var pass = "mypassword";// your actual password 
      var token = user.concat(":", pass); 
      xhr.setRequestHeader('Authorization', ("Basic ".concat(btoa(token)))); 
     }; 
     return Backbone.Model.prototype.sync.apply(this, arguments); 
    } 

}); 

然后，你必须简单扩展，你需要有认证的模式，从Backbone.AuthenticatedModel已创建：

var Process = Backbone.AuthenticatedModel.extend({ 
    url: '/api/process', 

}); 

Answer 8

1. 在客户机端，任何服务器的通信之前添加此：

   $.ajaxSetup({ 
       xhrFields: { 
        withCredentials: true 
       }, 
       async: true 
   }); 
   

2. 在服务器端添加这些报头（PHP）：

   header('Access-Control-Allow-Origin: http://your-client-app-domain'); 
   header("Access-Control-Allow-Methods: PUT, GET, POST, DELETE, OPTIONS"); 
   header("Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With"); 
   header('Access-Control-Allow-Credentials: true'); 
   

Answer 9

创建拦截来电Backbone.sync，配件您授权的报头，并通过通过一切自定义同步方法：

REPORTING_API_KEY = 'secretKeyHere'; 
    CustomSync = function(method, model, options) { 
     options.headers = { 
      'Authorization' : 'Bearer ' + REPORTING_API_KEY 
     }; 
     return Backbone.sync(method, model, options); 
    }; 

然后用一个覆盖模型的同步：

MyModel = Backbone.Model.extend({ 
     urlRoot: '/api/', 
     sync: CustomSync 
    });