2017-06-10 19 views
0

こんにちは私はまだ反応していると考えています。誰かが私をここで正しい方向に向けると、ユーザーを認証できますか?私はバックエンドでjwtトークンを使用する必要があることを知っていますが、わかりにくいと思っています。私は人々がwebpackについて話しているのを見ましたか?私はわかりません。ここで私が持っているものです。JWT認証反応/ノード

ログインアクション:

export function loginUser(username1, password1) { 
    const mainPage = (response, dispatch) => { 
    if(true) { 
    history.push('/main'); 
    } 
    dispatch({ 
     type: POST_DATA_SUCCESS, 
     response, 
    }); 
    }; 
    const promise = fetch('http://localhost:8080/users/login', { 
    method: 'POST', 
    headers: { 
    'Accept': 'application/json', 
    'Content-Type': 'application/json', 
    'Authorization': 'Basic ' + btoa(username1 + ":" + password1), 
}, 
body: JSON.stringify({ 
    username: username1, 
    password: password1, 
    }) 
}); 
return { 
    onRequest: POST_DATA_TRIGGERED, 
    onSuccess: mainPage, 
    onFailure: POST_DATA_FAILURE, 
    promise, 
}; 
} 

そして "/ログイン" のためのバックエンド:reduxを使用する場合には

router.post('/login', function (req, res, next) { 
passport.authenticate('basic', function (err, user, info) { 
    if (err) { 
     return console.log(err); 
    } 
    if (!user) { 
     return res.status(401).json({ 
      message: 'Username/Password Incorrect' 
     }); 
    } 
    return res.status(200).json({ 
     user: user.username 
    }); 
    req.logIn(user, function (err) { 
     if (err) { 
      return console.log(err); 
     } 
    }); 
    })(req, res, next); 
}); 

答えて

0

あなたはおそらくredux-auth-wrapperを見たいと思います。

  • node-jsonwebtoken:まったく必要のパスポート

    は、バックエンド側で使用しているものをフレームワークに依存し、JWTで動作するようにライブラリの束があります。アプリケーション内の任意の場所で自由に使用してください。

  • express-jwt:KOA
  • passport-jwtためのJWT:急行
  • koa-jwtためのJWTあなたは(このarticleauth0チームから認証チュートリアルを反応させるためにJWTまた

のためのパスポート戦略それは面白いかもしれません)