How to get user data like email, username etc usi...
# help-and-questionsp
probo
05/26/2023, 1:26 PMAlso what about new identity based auth?
probo
05/26/2023, 1:28 PMI don't get user on sign in/up with google in database, it's bug??
probo
05/26/2023, 1:29 PMso I need to check all out and maybe manually add user or do something using skipbrowserredirect as true
probo
05/26/2023, 1:29 PMI am paid user, is there any faster way to get response?
probo
05/26/2023, 1:35 PMsample code
supabase.auth
.signInWithOAuth({
provider: 'google',
options: {
skipBrowserRedirect: true,
scopes: 'profile email',
},
})
.then((response) => {
// Function to call after successful authentication
yourFunctionName(response.user); // Pass the user info or data to your function
})
.catch((error) => {
// Handle authentication error
console.error(error);
});
g
garyaustin
05/26/2023, 1:35 PMThis is a user helping user forum, not guarantee of response time, or of any. The only direct communication is with support.
skipbrowserredirect will not launch the Google login so nothing will happen, but you will get a URL of where it would have gone.
p
probo
05/26/2023, 1:36 PMskipbrowserredirect will not launch the Google login, at all?
probo
05/26/2023, 1:36 PMI think it'0s related to callback uri
probo
05/26/2023, 1:36 PMnot before sending
g
garyaustin
05/26/2023, 1:37 PMSignInWithOauth never returns any user data. It will redirect back to your app at siteUrl or your redirectTo and the createClient will run and get the session info.
p
probo
05/26/2023, 1:37 PMany way to get user data?
probo
05/26/2023, 1:37 PMand thank you
g
garyaustin
05/26/2023, 1:38 PMOnly after it has redirect back to your app after the Google signIn screen. But that call will return, it just is normally you immediately leave your app to the Google signIn screen. When you come back it is to siteUrl or redirectTo url.
p
probo
05/26/2023, 1:40 PMso this
skipBrowserRedirect: false,
scopes: 'profile email',
},
})
.then((response) => {
// Function to call after successful authentication
yourFunctionName(response.user);
( skipBrowserRedirect: false,) will call function
probo
05/26/2023, 1:41 PMthe problem is some users are not added to database at all 😦
probo
05/26/2023, 1:41 PMtrying to get them, nothing...
g
garyaustin
05/26/2023, 1:43 PM.then() will never have anything useful (other than error). Are you getting a Google login screen? After you do that you can look in the dashboard as see if the user is created.
p
probo
05/26/2023, 1:44 PM.then() will never have anything? but it's promises
g
garyaustin
05/26/2023, 1:45 PMIt will never have a user session. Just the URL of the google login or error.
p
probo
05/26/2023, 1:45 PMyes I got sign screen
probo
05/26/2023, 1:45 PMso have ot get user session
g
garyaustin
05/26/2023, 1:45 PMAfter you signin, your app will start over.
p
probo
05/26/2023, 1:45 PMthat's bad
probo
05/26/2023, 1:45 PMhow to persist user?
g
garyaustin
05/26/2023, 1:47 PMThe createClient handles that at app start. If the redirect to it has user token (like after google signin) it will sign the user in. You can then do await getSession to see if there is a user signed in and get their info.
p
probo
05/26/2023, 1:50 PMlet me try it... thank you
g
garyaustin
05/26/2023, 1:53 PMYou should look at one of the guides to see the flow.
p
probo
05/26/2023, 1:53 PMconst supabase = createClient("YOUR_SUPABASE_URL", "YOUR_SUPABASE_KEY");
// At app start or whenever needed
async function checkUserSession() {
const { user, session } = await supabase.auth.getSession();
if (user && session) {
// User is signed in
// You can access user information using 'user' object
console.log(user);
// Call your function passing user information
yourFunctionName(user);
} else {
// User is not signed in
// Perform necessary actions
}
}
// Call the function to check the user session
checkUserSession();
probo
05/26/2023, 1:54 PMthat's ok?
g
garyaustin
05/26/2023, 2:05 PMThat general flow looks right. session null means there will not be a user signin occurring. Using the await is needed because in some cases the user session needs to be refreshed first or after a signin as the token is converted to a session).
p
probo
05/26/2023, 2:07 PMthank you so much!!!
probo
05/26/2023, 2:07 PMI am write code and testing soon 😉
probo
05/26/2023, 2:36 PM
var noSession=false;
// At app start or whenever needed
async function checkUserSession() {
console.log(checkUserSession);
const { user, session } = await supabase.auth.getSession();
if (user && session) {
console.log("user && session");
// User is signed in
// You can access user information using 'user' object
noSession=false;
console.log(user);
const oAuthToken = session.provider_token; // use to access provider API
console.log(oAuthToken);
// Call your function passing user information
// yourFunctionName(user);
} else {
// User is not signed in
// Perform necessary actions
noSession=true;
console.log("noSession");
}
}
async function UseGoogle()
{
if (!noSession) return;
console.log("provider: 'google'");
const { data, error } = await supabase.auth.signInWithOAuth({
provider: 'google',
options: {
scopes: 'email'
}
});
if (data)
{
console.log("google data "+data);
const oAuthToken = data.session.provider_token; // use to access provider API
console.log(oAuthToken);
}
}
// Call the function to check the user session
checkUserSession();
probo
05/26/2023, 2:36 PMdoesnt give me session or anything on login
g
garyaustin
05/26/2023, 2:47 PMSo the JS docs shows {data, error } = await getSession().
My code shows data.session and then data.session.user for the two useful objects returned in data.
p
probo
05/26/2023, 3:05 PMI am doing session checking
Refresh Session Example
Refresh Session Example
Refresh Session
// Initialize Supabase client
const supabaseUrl = 'YOUR_SUPABASE_URL';
const supabaseKey = 'YOUR_SUPABASE_KEY';
const supabase = createSupabaseClient(supabaseUrl, supabaseKey);
// Function to refresh the user's session
async function refreshSession() {
try {
const { error } = await supabase.auth.refreshSession();
if (error) {
console.error('Failed to refresh session:', error.message);
} else {
console.log('Session refreshed successfully');
// Perform any additional actions after session refresh
}
} catch (error) {
console.error('Error refreshing session:', error.message);
}
}
g
garyaustin
05/26/2023, 3:16 PMrefreshSession won't work until you have a session. Which means waiting for getSession, then you don't need to refresh the session. What is createSupabaseClient?
garyaustin
05/26/2023, 3:16 PMYou can also see what is going on with https://supabase.com/docs/reference/javascript/auth-onauthstatechange
garyaustin
05/26/2023, 3:17 PMYour code with getSession would not work as you used {session,user} = await getSession versus {data} = await getSession.
p
probo
05/26/2023, 5:01 PMasync function signInWithGoogle()
{
try {
const { data, error } = await supabase.auth.signInWithOAuth(
{
provider: 'google',
options: {
queryParams: {
access_type: 'offline',
prompt: 'consent',
scope: 'profile email phone address', // Add 'phone' to the scope
},
},
});
console.log(data); // Use the data if it's not null
console.log(error); // Handle the error if it exists
} catch (error)
{
console.log(error); // Catch any additional errors
}
}
probo
05/26/2023, 5:01 PMasync function refreshSession()
{
try
{ const { data, error } = await supabase.auth.getSession()
console.log(data);
console.log("name: "+data.session.user.user_metadata.full_name);
console.log("email: "+data.session.user.user_metadata.email);
}catch (error)
{
console.log(error); // Catch any additional errors
}
}
probo
05/26/2023, 5:01 PMthank you!