实现护照和Angular4

Question

你看，我已经用passwordjs制作了一个带有注册/登录的普通堆栈应用程序，很好，当我更改为angular2（另一个在angularjs上）时，我做了后端，我认为它可以用，但是我不知道如何在正面测试它，我知道它必须是<a href="">带有url的东西，但是当我放置护照给我的路线时，例如： /auth/facebook ，我的应用程序什么都不做...很好，它可以将我发送到主页：c这是到目前为止我在后端的代码

const FacebookStrategy = require('passport-facebook').Strategy;
const session          = require('express-session');
const secret           = require('../config/database')
const user             = require('../models/user')

module.exports = function(app, passport){
      app.use(passport.initialize());
        app.use(passport.session());
        app.use(session({
        secret: 'keyboard cat',
        resave: false,
        saveUninitialized: true,
        cookie: { secure: false }
      }));

      passport.serializeUser(function(user, done) {
      token = jwt.sign({email: user.email}, secret, {expiresIn : '24h'});
      done(null, user.id);
    });

    passport.deserializeUser(function(id, done) {
      User.findById(id, function(err, user) {
        done(err, user);
      });
    });
    passport.use(new FacebookStrategy({
        clientID: '350645212059140',
        clientSecret: '8a990aec6db37cc3535f4223c235c427',
        callbackURL: "http://localhost:4200/auth/facebook/callback",
        profileFields: ['id','displayName','email']
      },
      function(accessToken, refreshToken, profile, done) {
        console.log(profile);
        // User.findOrCreate(..., function(err, user) {
        //   if (err) { return done(err); }
        //   done(null, user);
        // });
        done(null, profile)
      }
    ));
    app.get('/auth/facebook',passport.authenticate('facebook', { scope: 'email' }));
    app.get('/auth/facebook/callback' , passport.authenticate('facebook', {failureRedirect: '/login'}), function(res, res){
      if (err) {
        console.log(err)
      }else{
        res.send('wi')
      }
    })
  return passport;
}

我的问题是，我怎样才能在正面实现这一点，请记住角度4 :)

Answer 1

这是伪代码。

第1步：使用ngSubmit提交表单时，请调用一个函数，例如passportLogin（）。

步骤2：现在在您的组件中使用此功能，并向节点js（express js）URL发出HTTP post请求，例如auth / login。

步骤3：在服务器端编写路由

var express = require('express'),
  router = express.Router();
module.exports = function(passport){
router.post('/login', passport.authenticate('local-login', {
        successRedirect: '/auth/success',
        failureRedirect: '/auth/failure'
    }));
}