Simple Streamlit Google OAuth

Show the Community!
1

Using this wonderful code Implementing Google OAuth in Streamlit | by Duc Anh Bui | Towards Data Science, I refactor it to simply use as pip.

Just do:
pip install git+https://github.com/hunkim/streamlit-google-oauth

Then add login code:

login_info = oauth.login(
        client_id=client_id,
        client_secret=client_secret,
        redirect_uri=redirect_uri,
        login_button_text="Continue with Google",
        logout_button_text="Logout",
    )

if login_info:
        user_id, user_email = login_info
        st.write(f"Welcome {user_email}")
else:
        st.write("Please login")

That’s it.

image
image3310×588 116 KB

Any comments, and contributions are welcome at GitHub - hunkim/streamlit-google-oauth: An example Streamlit application that incorporates Google OAuth 2.0.

Actually, these buttons are ugly. Please feel free to send us PR.

14 Likes
2

Looks great
For some reason it lets every user in, not only the ones under “Test Users” (and the app is set to testing mode)

3

How can I save the user session state here?
Because as I reload the page I have to authenticate again.
Thanks!

4

This is how you maintain session state.

5

image
image1172×431 51.6 KB

The Code is working fine in localhost. I really appreciate the work. But when I hosted it on streamlit cloud, I am getting the above. I have added the keys in secrets as well. Seems like it’s the issue with GOOGLE_REDIRECT_URI key. Any suugestions please. GitHub - Harisathwik/streamlitoauth is the link to code. Just few lines of code. https://examonoaut.streamlit.app/ is the link. The App reads the email id and prints Welcome EMAIL_ID!

7

Did you change the GOOGLE_REDIRECT_URI in both your code as well as your google cloud API console?

8

Yes

9

I have the same issue.
It seems that REDIRECT open a new streamlit session and hence clears the previous session’s variables.
Did u arrive at workaround?
Yahia

10

I used cookies to maintain user session even if he reloads the website or visit it after a day

11

Use this library to integrate google auth in your application

import streamlit as st
from google_auth import Google_auth

client_id = “hasjh5jk498ufiu3h89g8-aghdszjhk3k.apps.googleusercontent.com”
client_secret = “afsghfbkhfdjdsgfdjhfjkfhjkfhkjhkjdhks”

login = Google_auth(clientId=client_id, clientSecret=client_secret)

if login == “authenticated”:
# your streamlit applciation
pass

else:
st.warning(“login failed”)

1 Like
12

use this imports

from google_auth.google_auth import GoogleAuth

image
image1345×758 10.8 KB

14

found any workaround/fix for this?