ReactのSPAアプリケーションにおいて、ContextとHooksを使うことでGoogle認証の処理をラップして利用するというサンプルを作成しました。 Google Cloud Consoleでアプリケーションを登録する https://console.cloud.google.com/ OAuth consent screenを設定する OAuth client IDを作成する Create React AppでReactアプリケーションを作成する npx create-react-app project-namecd project-name public/index.html を編集する WebアプリケーションでGoogle認証を利用するための最もシンプルなサンプルコードがこちらにあります。 Google Sign-In for Websites | Google Devel
![ReactのSPAアプリケーションでContextとHooksを使ってGoogle認証を実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/b5de9fcb3d963db37691ec0c8d24d65ddfcba463/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEhqSCnl9sA7S-Yk9jtr28zfuL_q3ibouYqw1MipggLJ8Ddmuyf-aelhApF0JFV1HZT__WLrtNM1RmR2NhFYHq9k1egzSO0ZVII9bK8M0og_5MKhcbyr5GwORAqCVKyRa1SvCf3J%2Fw1200-h630-p-k-no-nu%2FScreen%2BShot%2B2020-06-12%2Bat%2B11.29.43%2BAM.png)