Сеанс GraphQl и passport: доступ req.пользователь при запросе GraphQl

у меня есть сервер GraphQl и интерфейс react. Я использую passport и LocalStrategy для аутентификации пользователя, который хорошо работает, я могу успешно войти в существующий пользователь. Я также хочу использовать passport session для создания сеанса пользователя, чтобы я мог получить доступ к зарегистрированному пользователю позже в моих GraphQL resolvers для аутентификации. Я ожидал, что passport установит пользователя в сеансе после успешной аутентификации. Но после отправки правильных учетных данных от клиента на сервер GraphQl запросы не имеют доступа к req.user.

код сервера GraphQL выглядит следующим образом:

import express from 'express';
import passport from 'passport';
import {Strategy as LocalStrategy} from 'passport-local';
import session from 'express-session';
import cors from 'cors';
import bodyParser from 'body-parser';
import models from './models';
import typeDefs from './schema';
import resolvers from './resolvers';
import { graphqlExpress, graphiqlExpress } from 'apollo-server-express';
import { makeExecutableSchema } from 'graphql-tools';

export const schema = makeExecutableSchema({
  typeDefs,
  resolvers,
});

const app = express();

app.use('*', cors({ origin: 'http://localhost:3000' }));

app.set('port', (process.env.PORT || 3001));

//--- Passport ----
app.use(session({ 
  saveUninitialized: true, 
  resave: false,
  secret: 'verysecretsecret'
}));
app.use(passport.initialize());
app.use(passport.session());

passport.serializeUser((user, done) => {
    done(null, user);
 });

passport.deserializeUser((user, done) => {
  done(null, user);
});

passport.use(new LocalStrategy(
  {
    usernameField: 'email',
    passwordField: 'password',
  },
  function(email, password, done) {
    models.User.findOne({
      where: {
          email: email
      }
    }).then(function(user) {
      if (user) {
        if (user.validPassword(password)) {
          return done(null, user);
        } else {
          return done(null, false);
        }
      } 
      return done(null, false);     
    });    
  }
));

//--- Routes ----
app.use('/graphiql', graphiqlExpress({ 
    endpointURL: '/graphql' 
}));

app.use(
  '/graphql',
  bodyParser.json(),
  graphqlExpress( (req) => {
    console.log('/graphql User: ' + req.user); // prints undefined after sending correct login credentials to /login
    return ({
    schema,
    context: {
      user: req.user,
    },
  });}),
);

app.use(bodyParser.urlencoded({ extended: true }) );
app.post('/login', passport.authenticate('local'), (req, res) => {
  console.log('/login: User', req.user); // prints the logged in user's data
  return res.sendStatus(200);
});

export default app;

и это запрос на получение логина от клиента:

onSubmit = () => {

    var details = {
      'email': this.state.email,
      'password': this.state.password,
    };

    var formBody = [];
    for (var property in details) {
      var encodedKey = encodeURIComponent(property);
      var encodedValue = encodeURIComponent(details[property]);
      formBody.push(encodedKey + "=" + encodedValue);
    }
    formBody = formBody.join("&");

    fetch('http://localhost:3001/login', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
      },
      credentials: 'include',
      body: formBody
    }).then(function(response) {
      console.log(response);
    }).catch(function(err) {
      // Error
    });
  };

должен ли я что-то изменить на стороне клиента, чтобы сервер получил cookie сеанса? Или что-то не так в бэкэнде?

Я также загрузил минимальный пример в это РЕПО:https://github.com/schmitzl/passport-graphql-minimal-example

1 ответов


управление сеансами становится немного грязным, когда вы имеете дело с CORS. Есть несколько вещей, которые вам нужно изменить, чтобы получить поведение, которое вы ожидаете:

во-первых, измените код сервера, чтобы убедиться, что вы отправляете :

app.use('*', cors({ origin: 'http://localhost:3000', credentials: true }));

далее, убедитесь, что ваши запросы на самом деле, в том числе печенье. Вы сделали это с запросом входа в систему, установив до include. Аполлон использует fetch под капотом, и нам нужно пройти это вариант также.

возможно, я что-то упускаю, но не похоже, что apollo-boost обеспечивает простой способ сделать выше (у вас есть fetchOptions, но в том числе credentials там, похоже, ничего не делают). Мой совет был бы ломать apollo-boost и просто используйте соответствующие библиотеки напрямую (или используйте apollo-client-preset). Тогда вы можете передать соответствующий до HttpLink:

import ApolloClient from 'apollo-client'
import { HttpLink, InMemoryCache } from 'apollo-client-preset'

const client = new ApolloClient({
  link: new HttpLink({ uri: apolloUri, credentials: 'include' }),
  cache: new InMemoryCache()
})