Streamlit v1.46.1で簡易的なログイン機能を実装

# 画面遷移先
def Home():
    st.header('ホーム画面')
    # 何らかの処理を書く

def info():
    st.header('お知らせ')
    # 何らかの処理を書く

def inquiry():
    st.header('お問い合わせ')
　# 何らかの処理を書く

# 状態管理
if "page" not in st.session_state:
    st.session_state["page"] = "login"             # ← 認証用のセッション

if "mypage" not in st.session_state:
    st.session_state["mypage"] = "Home"     # ← ログイン後の画面遷移用のセッション

 # 画面遷移
 if st.session_state["mypage"] == "Home":
      Home()
elif st.session_state["mypage"] == "お知らせ":
      info()
elif st.session_state["mypage"] == "お問い合わせ":
        inquiry()

import streamlit as st #  v1.46.1
# ↓画像を扱いたい方は以下もimportすると便利です。
from PIL import Image

# ユーザー情報
dict_data = [
    {"username": "sanji", "password": "pass123"},
    {"username": "usop", "password": "pass345"},
]

# 状態管理
if "page" not in st.session_state:
    st.session_state["page"] = "login"

if "mypage" not in st.session_state:
    st.session_state["mypage"] = "Home"    

# 画面遷移先
def Home():
    st.header('ホーム画面')
    # 何も無いと寂しいので、取り敢えず画像を左右に並べています。
    img1="./images/公園の河.jpg"      # ←プロジェクト内で保存
    img2="./images/palazzina寺院.jpg" # ←プロジェクト内で保存
    # ここで画面を左右に２分割しています。
    col1,col2 = st.columns(2)
    # 左側に画像を表示
    with col1:
        image1= Image.open(img1)
        st.image(image1)
    # 右側に別の画像を表示
    with col2:
        image2 = Image.open(img2)
        st.image(image2)

def info():
    st.header('お知らせ')
    # 何らかの処理を書く

def inquiry():
    st.header('お問い合わせ')
    # 何らかの処理を書く

# 再度バーの実装
with st.sidebar:
    if st.session_state["page"]== "login":
        st.header('ログイン')
        username = st.text_input("ユーザー名")
        password = st.text_input("パスワード", type="password")

        if st.button("ログイン"):
            for user in dict_data:
                if user.get("username") == username and user.get("password") == password:
                    st.session_state["page"] = "dashboard"
                    st.session_state["mypage"] = 'Home'
                    # ↓Streamlitのv1.26.0以降でst.experimental_rerun()はst.rerun()に置き換えられました。
                    st.rerun()  
                    break
            st.markdown("<span style='color:red;'>ログイン失敗</span>", unsafe_allow_html=True)     

    elif st.session_state["page"]== "dashboard":
        st.markdown("ログインに成功しました。  \nようこそ!!")  # ← 半角スペース２個+\nで改行になる
        dash_page = st.selectbox('選択してください',['Home','お知らせ', 'お問い合わせ'])
        st.session_state["mypage"] = dash_page


# メイン画面の設計
if st.session_state["page"] == "dashboard":
    # st.header('ダッシュボード')
    # 画面遷移
    if st.session_state["mypage"] == "Home":
        Home()
    elif st.session_state["mypage"] == "お知らせ":
        info()
    elif st.session_state["mypage"] == "お問い合わせ":
        inquiry()

    # ログアウトボタン
    if st.button('logout'):
        st.session_state["page"] = 'login'
        st.rerun()  # 再読込