add an app for authentication

Author: ks6088ts

.gitignore

@@ -164,3 +164,4 @@ cython_debug/
 requirements.txt
 generated
 tests/test_codegen.py
+.streamlit/*

docs/index.md

@@ -15,7 +15,7 @@ make install-deps-dev
 
 - [[BUG] Host system is missing dependencies to run browsers (WSL2) #19100](https://github.com/microsoft/playwright/issues/19100)
 
-## Guides
+## Fundamentals
 
 To run some demos, please follow the instructions below.
 
@@ -30,6 +30,35 @@ make show-trace
 make codegen
 ```
 
+## Guides
+
+### Authentication
+
+To run a frontend application with authentication, you can refer to the following links.
+
+- [User authentication and information](https://docs.streamlit.io/develop/concepts/connections/authentication)
+- [Use Microsoft Entra to authenticate users](https://docs.streamlit.io/develop/tutorials/authentication/microsoft)
+
+For example, you can use the following file [.streamlit/secrets.toml](../.streamlit/secrets.toml) to set up authentication with Microsoft Entra ID.
+
+```toml
+[auth]
+redirect_uri = "http://localhost:8501/oauth2callback"
+cookie_secret = "xxx"
+
+[auth.microsoft]
+client_id = "your-client-id"
+client_secret = "your-client-secret"
+server_metadata_url = "https://login.microsoftonline.com/consumers/v2.0/.well-known/openid-configuration"
+```
+
+Then, run the application using the following command:
+
+```shell
+# Run the application
+uv run streamlit run workshop_playwright_python/apps/authentication.py
+```
+
 ## [Microsoft Playwright Testing](https://learn.microsoft.com/ja-jp/azure/playwright-testing/)
 
 - [Get Started Sample](https://github.com/microsoft/playwright-testing-service/tree/main/samples/get-started)

pyproject.toml

@@ -5,6 +5,7 @@ description = "A GitHub template repository for Python"
 readme = "README.md"
 requires-python = ">=3.10"
 dependencies = [
+    "authlib>=1.5.2",
     "playwright>=1.52.0",
     "pytest-playwright>=0.7.0",
     "streamlit>=1.45.0",