Google OAuthからGoogleドライブのスプレッドシートの読み込み

何をしたい

アプリケーションからOAuthでGoogle認証して、認証されたGoogleアカウントのGoogleドライブからスプレッドシートを読み込む

準備

• GitHub Repository
• テスト用Googleアカウント

イメージ

• 「Google認証」ボタンを押したら、Googleログインに遷移し、認可をしてから元のページにリダイレクト
• 認可後は、Googleアカウントのドライブからファイルを読み込みできるようにする

Google DriveへのGoogle OAuth認可

情報源

• https://community.dal.co.jp/s/article/google-drive-api01
• https://developers.google.com/drive/api/guides/about-sdk?hl=ja
• https://blog.shinonome.io/google-api/

Google公式

https://developers.google.com/workspace/guides/create-credentials?hl=ja

https://developers.google.com/sheets/api/quickstart/js?hl=ja

Google ドライブだけでなく、Google Sheets APIもあった
https://keeping.hatenablog.jp/entry/2020/05/30/130803

どっちでもいいけど、なんとなくシートの方が色々めんどくさくなさそう。
共有ドライブのデータを読み込めるようにしたい。

シート以外のデータを読み込ませる場合のバリデーションとかがだるそう。
→シートだけで考える

ステップ

• Google OAuthを作る
• 上記のトークンでアクセス確認
• スプシダウンロード

メモ：共有ドライブへのアクセス
https://qiita.com/YoshikiSawada/items/aabac4f3dd1a194c63d5

GCPのセットアップ

1. OAuth同意画面
   https://developers.google.com/workspace/guides/configure-oauth-consent?hl=ja

• ユーザーの種類: 外部

  • テストユーザーのみアプリを公開

• APIの制限

  • DriveとSheetsのAPIを追加

2. 認証情報の作成
   https://developers.google.com/workspace/guides/create-credentials?hl=ja

• サービスアカウントで作成
  • OAuthクライアントで作る

クライアントセットアップ

1. googleapisインストール
2. Client IdとSecretを設定

callback後に、Original Locationに戻る方法は？
http://www.thread-safe.com/2014/05/the-correct-use-of-state-parameter-in.html
https://developers.google.com/identity/protocols/oauth2/web-server?hl=ja#sample-oauth-2.0-server-response

invalid_grantエラーが発生

{ error: 'invalid_grant', error_description: 'Bad Request' }

refresh tokenは、最初の承認のみ有効
https://developers.google.com/identity/protocols/oauth2/web-server?hl=ja#creatingclient:~:text=重要な注意事項%3A refresh_token は最初の承認でのみ返されます

認証されたアプリをGoogleアプリから削除して初期化
https://github.com/googleapis/google-api-nodejs-client/issues/750#issuecomment-304521450

上記に合わせて、setCredentialsの記述を追加

  const { tokens } = await oauth2Client.getToken(code);
  oauth2Client.setCredentials(tokens);

https://developers.google.com/identity/protocols/oauth2/web-server?hl=ja#exchange-authorization-code

新たなエラー発生

{
      error: 'invalid_request',
      error_description: 'Missing parameter: redirect_uri'
}

OAuthクライアントにredirect_uriの設定を明示

google.auth.OAuth2(clientId, clientSecret, redirectUri);