Google でログイン を Web クライアントで使う方法です。
次のページを参考にしました。
Googleでログインを実装
Client ID の取得
新しいプロジェクトを作成
認証情報
OAuth 同意画面
アプリ名の入力
アプリ登録の編集
アプリ登録の編集
OAuth クライアント ID の作成
JSON をダウンロード
Web ページの作成
index.html を作成
次を書き換えて下さい。
data-client_id
data-login_uri
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>
Login Test
</title>
</head>
<body>
<script src="https://accounts.google.com/gsi/client" async defer></script>
<div id="g_id_onload"
data-client_id="371868132900-eg26ng307au********.apps.googleusercontent.com"
data-login_uri="https://ekzemplaro.org/test_dir"
data-auto_prompt="false">
</div>
<div class="g_id_signin"
data-type="standard"
data-size="large"
data-theme="outline"
data-text="sign_in_with"
data-shape="rectangular"
data-logo_alignment="left">
</div>
<hr />
<p>Aug/11/2023 PM 18:08</p>
</body>
</html>
ブラウザーでアクセス