ajouter un en-tête de demande sur le backbone

Question

Mon serveur a une autorisation manuelle. Je dois ajouter le nom d'utilisateur et le mot de passe de mon serveur à ma demande de backbone pour qu'elle soit acceptée. Comment puis-je faire cela ? Avez-vous une idée ? Je vous remercie.

Answer 1

Dans Backbone, les modèles récupèrent, mettent à jour et détruisent les données à l'aide des méthodes suivantes fetch , save y destroy . Ces méthodes délèguent la partie demande réelle à Backbone.sync. Sous le capot, toutes les méthodes Backbone.sync est de créer une requête ajax en utilisant jQuery. Afin d'incorporer votre authentification HTTP de base, vous avez plusieurs options.

fetch , save y destroy acceptent tous un paramètre supplémentaire [options] . Ces [options] sont simplement un dictionnaire d'options de requête jQuery qui sont incluses dans l'appel ajax jQuery qui est effectué. Cela signifie que vous pouvez facilement définir une méthode simple qui ajoute l'authentification :

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))));
}

Et l'inclure dans chaque fetch , save y destroy l'appel que vous faites. Comme ça :

 fetch({
  beforeSend: sendAuthentication 
 });

Cela peut créer un certain nombre de répétitions. Une autre option pourrait être de remplacer l'option Backbone.sync copiez le code original et incluez simplement la méthode beforeSend dans chaque requête ajax jQuery qui est effectuée.

J'espère que cela vous aidera !

Answer 2

La manière la plus simple d'ajouter un en-tête de requête dans Backbone.js est de les passer à la méthode de récupération en tant que paramètres, par exemple.

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

Answer 3

Une option pourrait être d'utiliser le jQuery ajaxSetup, toutes les requêtes Backbone utiliseront finalement le jQuery ajax sous-jacent. L'avantage de cette approche est que vous ne devez l'ajouter qu'à un seul endroit.

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

Modifier le 2 janvier 2018 Pour les applications web complexes, ce n'est peut-être pas la meilleure approche, voir les commentaires ci-dessous. Je laisse la réponse ici à titre de référence.

Answer 4

Vous pouvez remplacer la méthode de synchronisation de Backbone.

#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

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