Closed2021/07/19にクローズ4

Identity Platform を利用する

Identity Platform

https://developers.google.com/identity

を利用する。

これは認可後、Google Drive のマイドライブにあるソースをログに出力する例

const initGoogleClient = () => {
  gapi.client
    .init({
      clientId:
        "XXXX.apps.googleusercontent.com",
      scope: "https://www.googleapis.com/auth/drive.readonly",
      discoveryDocs: [
        "https://www.googleapis.com/discovery/v1/apis/drive/v3/rest",
      ],
    })
    .then(
      async (ret) => {
        const googleAuth = gapi.auth2.getAuthInstance();
        await googleAuth.signIn();
        const user = googleAuth.currentUser.get();
        console.log(user);

        const request = gapi.client.request({
          method: "GET",
          path: "/drive/v3/files",
          params: { q: "'root' in parents and trashed = false" },
        });

        request.execute((response) => {
          console.log(response);
        });
      },
      (err) => {
        console.error(err);
      }
    );
};

const onClick = (e: Event) => {
  e.preventDefault();
  gapi.load("client:auth2", initGoogleClient);
};
const button = document.getElementById("button");
button?.addEventListener("click", onClick);

  <body>
    <button id="button">認証</button>
    <script src="https://apis.google.com/js/api.js"></script>
  </body>

利用したいAPIの有効化、認証情報、OAuthの同意画面を登録しておく。

クライアントIDはここから取得する。

トークンが欲しかったらこの辺

このスクラップは2021/07/19にクローズされました