BA
Better Auth•3d ago
Arif

Social login Account creation with additional field

How to pass additional state during a social provider sign-in (e.g., Google). When a new user signs up with say for example Google, I want to store an extra field in the database, like { "a": "123" }, alongside the default user data. How can I pass this custom data from the client and handle it on the server to save it in the DB? 
  const signIn = async () => {
    await auth.signIn.social({
      provider: "google",
      loginHint: "EXPERT",
    }, {
      query: {
        userType: "EXPERT"
      },
    });

  }
  const signIn = async () => {
    await auth.signIn.social({
      provider: "google",
      loginHint: "EXPERT",
    }, {
      query: {
        userType: "EXPERT"
      },
    });

  }
6 Replies
Arif
ArifOP•2d ago
Note: I have tried database hooks, Query params userType is accessible on path sign-in/social, but not in callback/:id. So, during dbHooks.user.create process, I could not access userType value. In database hooks only info provided by the social provider (for example GoogleProfile info) is present. @Ping Please have a look. Is it possible to pass additional info?
Ping
Ping•2d ago
Super sorry!! It's 5am over here and I'm about to head to sleep. But I'll check this out first thing when I wake
Arif
ArifOP•2d ago
Sure, Thanks! Some more context: I noticed that the query parameters I passed are available in the before and after hooks of the sign-in/social endpoint (a POST request). However, after successful execution, when the provider redirects to callback/:id (a GET request), the initially passed query parameters are lost. In Passport.js, we can pass additional state, which is retained in the callback URL My main goal is to store some additional data, when creating user account through social provider. How can I achieve it. If you could give some clue that would be helpful.
Ping
Ping•2d ago
I tried recreating this and attempting different solutions but couldn't really get anywhere either 😔 Maybe @bekacru can help?
bekacru
bekacru•2d ago
That’s not possible. The state currently does stone additional metadata. You should collect this information once the user sings up.
Arif
ArifOP•2d ago
AFTER HOOK >>> PATH: /sign-in/social {
  body: { provider: 'google', loginHint: 'EXPERT' },
  query: { type: 'EXPERT' }
}
BEFORE HOOK >>> PATH: /callback/:id {
  body: undefined,
  query: {
    state: 'wu8MmzyH4e9u3Wl3KMB4b2fvBs7EIveM',
    code: '4/0AQSTgQEaxH81lpQjTXZf6hfYK3KCy6n5w3xsoCkcJ4q7cCy9lNaRV7QndCwZjgWvuCkmVQ',
    scope: 'email profile https://www.googleapis.com/auth/userinfo.email openid https://www.googleapis.com/auth/userinfo.profile',
    authuser: '0',
    prompt: 'none'
  }
}
AFTER HOOK >>> PATH: /callback/:id {
  body: undefined,
  query: {
    state: 'wu8MmzyH4e9u3Wl3KMB4b2fvBs7EIveM',
    code: '4/0AQSTgQEaxH81lpQjTXZf6hfYK3KCy6n5w3xsoCkcJ4q7cCy9lNaRV7QndCwZjgWvuCkmVQ',
    scope: 'email profile https://www.googleapis.com/auth/userinfo.email openid https://www.googleapis.com/auth/userinfo.profile',
    authuser: '0',
    prompt: 'none'
  }
}
AFTER HOOK >>> PATH: /sign-in/social {
  body: { provider: 'google', loginHint: 'EXPERT' },
  query: { type: 'EXPERT' }
}
BEFORE HOOK >>> PATH: /callback/:id {
  body: undefined,
  query: {
    state: 'wu8MmzyH4e9u3Wl3KMB4b2fvBs7EIveM',
    code: '4/0AQSTgQEaxH81lpQjTXZf6hfYK3KCy6n5w3xsoCkcJ4q7cCy9lNaRV7QndCwZjgWvuCkmVQ',
    scope: 'email profile https://www.googleapis.com/auth/userinfo.email openid https://www.googleapis.com/auth/userinfo.profile',
    authuser: '0',
    prompt: 'none'
  }
}
AFTER HOOK >>> PATH: /callback/:id {
  body: undefined,
  query: {
    state: 'wu8MmzyH4e9u3Wl3KMB4b2fvBs7EIveM',
    code: '4/0AQSTgQEaxH81lpQjTXZf6hfYK3KCy6n5w3xsoCkcJ4q7cCy9lNaRV7QndCwZjgWvuCkmVQ',
    scope: 'email profile https://www.googleapis.com/auth/userinfo.email openid https://www.googleapis.com/auth/userinfo.profile',
    authuser: '0',
    prompt: 'none'
  }
}
Please have a look, on the before hook sign-in/social you can see the query I am passing, can I somehow pass that to the next request which is the callback/:id ? Thanks for replying. and what is the purpose of loginHInt? where can I access it? In the doc, there are no mention about the options we can pass to social provider.

Did you find this page helpful?