Aggiungere l'autenticazione di base HTTP a questo HTTP GET in angularjs

Question

Ho un codice angularjs esistente che rende HTTP GET. Estratto di seguito è riportato un codice rilevante all'interno del controller.

.controller('imptViewCtrl', ['$scope', '$http', 
     function ($scope, $http,) { 
        var url = $configuration.webroot + '/impt/list?list=testlist'; 
        $http.get(url).then(function (response) { 
           tableData = response.data; 
           }); 
     }]); 

Vorrei aggiungere l'autenticazione di base HTTP a HTTP GET. Il nome utente è foo e la password è bar. Come si può fare?

Answer 1

Perché nell'autenticazione di base, il nome utente e la password sono decodificati da base64. Devi trovare una biblioteca per fare questo lavoro per prima cosa comoda.

https://github.com/ninjatronic/angular-base64

Dopo di che, carico base64 nella vostra applicazione e di configurazione intestazioni.

angular 
    .module('myApp', ['base64']) 
    .config(function($httpProvider, $base64) { 
     var auth = $base64.encode("foo:bar"); 
     $httpProvider.defaults.headers.common['Authorization'] = 'Basic ' + auth; 
    }) 

Si può anche fornire l'intestazione di autenticazione per get funzione seprately, se volete.

var auth = $base64.encode("foo:bar"), 
    headers = {"Authorization": "Basic " + auth}; 
$http.get(url, {headers: headers}).then(function (response) { 

Answer 2

Invece di utilizzare una libreria per codificare l'auth dalla base 64, si potrebbe utilizzare:

window.btoa("user:pass")

è supportato dalla maggior parte dei browser.

https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/btoa