AngularJS - store-basic-Authentifizierung "login"

Rufen Sie diese, sobald Sie ein token:

$httpProvider.defaults.transformRequest.push(function (data, headersGetter) {
    if (authToken !== null) {
        var headers = headersGetter();
        angular.extend(headers, 'Authorization: basic ' + authToken);
    }

    return data;
});

BEARBEITEN:
Habe es nicht getestet, aber es sollte etwas sein wie:

myApp.provider('authService', function() {

    var authToken = null;

    this.$get = ['$httpProvider', function($httpProvider) {
        return {
            configure: configure,
            setAuthToken: setAuthToken
        }
    };

    function configure() {
        $httpProvider.defaults.transformRequest.push(function (data, headersGetter) {
            if (authToken !== null) {
                var headers = headersGetter();
                angular.extend(headers, 'Authorization: basic ' + authToken);
            }

            return data;
        });
    }

    function setAuthToken(token) {
        authToken = token;
    }
});

und dann injizieren authService zu Ihrer app config und rufen authService.configure()

Verwenden angular-local-storage speichern Sie Ihre token im client-browser, wenn Benutzer eine erfolgreiche Anmeldung.

Winkel-local-storage

$http.post('/token', data).success(function (response) {
    localStorageService.set('authorizationData', { token: response.access_token,});
});

sobald Sie das token in den lokalen Speicher, Sie sind in der Lage, um es für die Benutzer.

wie diese : localStorageService.get('authorizationData');

Nun verwenden authInterceptorService zu setzen-header für jede Anforderung

var _request = function (config) {
        config.headers = config.headers || {};
        var authData = localStorageService.get('authorizationData');
        if (authData) {
            config.headers.Authorization = 'Basic' + authData.token;
        }
        return config;
    }

hier erhalten Sie alle details : AngularJS-Token-Authentifizierung verwenden ASP.NET Web API 2, Owin und Identität

Derzeit arbeite ich an einem Projekt, das sich mit dem gleichen problem wie deins. Wie gut, dass der neue Schwenk-framework mich, ich in der Regel versuchen, eine Lösung zu finden, die von anderen erstellt wurden und anpassen an meine Bedürfnisse.

Winkel-basicauth

Befassen sich mit der grundlegenden Berechtigung, ich habe gefunden ein Winkel-Modul hier gehostet: https://github.com/iandotkelly/angular-basicauth.

Es beschreibt die Konfiguration klar, so werde ich nicht zu umschreiben, dass es alle hier. Ich denke, es dient alles dem Zweck, Sie würde es. Jedoch, wenn Sie einige schon gemacht Lösung, die Sie akzeptieren müssen, es ist Nachteile. Die, die ich wirklich nicht mag, ist:

Bitte beachten Sie: dieses Modul speichert unencypted Benutzername & Passwort lokalen Speicher oder cookies, so ist Sie anfällig für Angriffe durch code aus der gleichen Domäne

Da das Modul von mir gepostete beruht auf der MIT-Lizenz sind Sie frei, schnappen Sie sich den source-code und mit ihm spielen, wie Sie möchten. Die Lösung ist ziemlich einfach und ich glaube zu modifizieren, ist nicht eine große Sache. Zum Beispiel, weil ich gefunden habe die cookie-Teil inakzeptabel, ich glaube nicht, verwenden cookies überhaupt.

Mit diesem Ansatz, den Sie ändern müssen, um es in einer Weise, die Sie halten alle gespeicherten Anmeldeinformationen in das eckige-service/factory (ie. authService) in eine variable und Lesen Sie den Wert, wenn nötig.

Auf der anderen Seite, ist diese änderung bringt eine gewisse Frage der manuelle reload der Seite. In einem solchen Fall, da Sie neu initialisieren Winkel-Staaten, wird der Benutzer erneut gefragt, um sich in Ihrem Antrag. Leider gibt es keine Möglichkeit (die ich kenne), die sich mit basic-auth und ermöglicht das speichern der Anmeldeinformationen sicher. Und da gibt es keine Sitzung, die Sie könnten versuchen, die Daten wiederherzustellen, Sie sind im Grunde die Wahl zwischen unsicheren lokalen Speicher oder in-memory-variable (das scheint sicher genug für mich).

Warnung

Mithilfe basic-Authentifizierung Sie natürlich akzeptieren, alle die Einschränkungen, die es hat, und natürlich der größte sein würde, die base64 Kodierung Ihrer Anmeldeinformationen an, die leicht zu entschlüsseln. Ohne ein gesichertes Protokoll, die Sie tatsächlich in die Daten der Benutzer fast in der gleichen Weise, als würden Sie durch den Versand als plain-text.