Login through getInitialProps, how to set the session?

[devmsg]

eg

work process：
client -> node -> server api

[mellet]

Take a look at with-firebase-auth

If you look at the server file, you can see the /api/login that it injects the session into the req.
You can then get it in get initial props from ctx.req.session.

Example flow:

• Login Page: User writes in username/password, you do a axios post request to /api/login with the payload.
• /api/login: Performs user validation, creates a cookie and injects it into the req objects and does a res.redirect to your profile page.

You could then create a HOC that does something like this:

export function withAuth(Component) {
  return class extends React.Component {
    static async getInitialProps(ctx) {
       const user = ctx.cookie ? ctx.cookie : //get client side cookie (jscookie)
       return user
    }

    componentWillMount(){
      // If your using redux / mobx, this is usuaully where I add the user into the store
      const { user, store } = this.props
      store.signedInUser(user)
    }
    ...
  }

[timneutkens]

Please follow the issue template 🙏, also there's already an issue about authentication 👍

Duplicate of #153

[amabunny]

Take a look at with-firebase-auth

If you look at the server file, you can see the /api/login that it injects the session into the req.
You can then get it in get initial props from ctx.req.session.

Example flow:

• Login Page: User writes in username/password, you do a axios post request to /api/login with the payload.
• /api/login: Performs user validation, creates a cookie and injects it into the req objects and does a res.redirect to your profile page.

You could then create a HOC that does something like this:

export function withAuth(Component) {
  return class extends React.Component {
    static async getInitialProps(ctx) {
       const user = ctx.cookie ? ctx.cookie : //get client side cookie (jscookie)
       return user
    }

    componentWillMount(){
      // If your using redux / mobx, this is usuaully where I add the user into the store
      const { user, store } = this.props
      store.signedInUser(user)
    }
    ...
  }

u forgot to await WrappedComponent getInitialProps

[nitin-malhotra]

Hi all i was finding the answer for this issue and my code successfully works using this

  static async getInitialProps(ctx) {
try{
    
    let url = ctx.req ? ctx.req.protocol + '://' + ctx.req.get('host') : '';
    const res = await fetch(url + '/dashboardData/',{
        headers: {
            cookie: ctx.req ? ctx.req.headers.cookie : null ,
        }
    })
    const json = await res.json()
      if (json && json.error) {
              return { 'error': 'Something went wrong' }

      }
      return {
        data : json.data
      }
      }catch(error){
console.log(error);
}
  }