web-dev-qa-db-ja.com

Passport localは、エラー400を返しますAngular

パスポートをコードのログインフォームに統合しようとしています。クライアント側のサーバー側の呼び出しは、リクエストでpassport.authenticateを呼び出すまでは正常に機能し、400 Bad Requestが返されました。ここで何が欠けていますか。

HTML

        <div>
            <div class="row">
                <div class="input-field col s12">
                    <input id="user-email" type="text" ng-model="user.email">
                    <label for="user-email">Your email address</label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12">
                    <input id="user-password" type="password" ng-model="user.password">
                    <label for="user-password">Your password</label>
                </div>
            </div>
            <div id="login-button-panel" class="center-align">
                <button class="btn" id="login-btn" ng-click="vm.login(user);">Login</button> 
            </div>
            <div class="section center">
                <a class="modal-trigger">Forgot password?</a>
            </div>
        </div>

JS

$http.post('/api/login',user).success(function(result){
    console.log(result)
})

server.js

passport.use(new LocalStrategy(
    function(username, password, done) {
        return done(null, false, {message:'Unable to login'})
    }
));
passport.serializeUser(function(user,done){
    done(null,user);
});

passport.deserializeUser(function(user,done){
    done(null,user);
});
app.post('/api/login', passport.authenticate('local'), function(req,res){
    res.json(req.user)
});
javascriptangularjsexpresspassport.jspassport-local
20
Gene Lim

Bad Requestは、ユーザー名とパスワードにアクセスできないためにパスポートによってスローされました。

usernameとpasswordの本文とURLクエリをチェックしています。どちらかがfalsyの場合、リクエストはステータス400で拒否されます。

LocalStrategyの作成時に、オプションusernameFieldやpasswordFieldを使用して異なる名前のフィールドを選択するコンストラクターに追加の引数でオプションのセットを渡すことができます。あなたの特定のケースでは、これは次のようになります：

passport.use(new LocalStrategy(
    {usernameField:"user-email", passwordField:"user-password"},
    function(username, password, done) {
        return done(null, false, {message:'Unable to login'})
    }
));
45
Thomas Urban

私の場合（Express 4.0）、 body-parser を使用していませんでした

11
Jeff Hoye

このエラーはbody-parserを使用せずにHTML DOM要素にアクセスしようとした場合にも発生します

body-parserは、特に入力フィールドの場合に、htmlドキュメントツリーをトラバースして応答を読み取るためのモジュールです。

使用する -

var parser = require('body-parser');
var urlencodedParser = parser.urlencoded({extended : false});


    app.post("/authenticate", urlencodedParser, passport.authenticate('local'), function (request, response)
    {           
        response.redirect('/');                      
    });
6
Vandana Sharma
passport.use(new LocalStrategy(
    {
        usernameField: 'email',
        passwordField: 'password'
    },
    function (email, password, done) {
        db.collection('User').findOne({ email: email }, async function (err, user) {
            console.log('user requested password caught in passport', password);
            if (err) { return done(err); }
            if (!user) { return done(null, false); }
            const matchPassword = await comparePassword(password, user.password);
            if (!matchPassword) { return done(null, false); }
            return done(null, user);
        });
    }
));
0
LekhRazz Rokaya