How do I use the Google Classroom API in React?

Asked May 17 '21 at 12:00

Active May 17 '21 at 19:57

Viewed 533 times

So basically: I have used google oauth2 to be able to login the user with google classroom api scopes (such as classroom.courses.readonly) using the react-google-login module. However: how would I get data such as the user's courses/student rosters in those courses?

FYI: I'm trying to get a list of the user's courses and lists of the students inside those courses. I would appreciate any help given, I've been working on this issue for many days now.

Heres the React code:

import GoogleLogin from 'react-google-login';

const clientID = process.env.REACT_APP_CLIENT_ID;

const onGoogleSuccess = (res) => {
    console.log(res);
    window.localStorage.setItem('token', res.tokenId);
}

<GoogleLogin 
    clientId={clientID}
    buttonText="Login"
    onSuccess={onGoogleSuccess}
    cookiePolicy="single_host_origin"
    scope="openid https://www.googleapis.com/auth/classroom.courses.readonly"
    isSignedIn={true}
/>

edited May 17 '21 at 19:57

asked May 17 '21 at 12:00

Vamp

Maybe this will be of help to you? https://stackoverflow.com/questions/51977448/how-to-use-gapi-in-react – Rafa Guillermo May 18 '21 at 07:28
@RafaGuillermo How would I use that with google classroom api tho? I tried using the googleapis npm module in react but it uses fs so it throws an error. – Vamp May 22 '21 at 14:06
What error does it throw and what code throws it? – Rafa Guillermo May 24 '21 at 07:14

How do I use the Google Classroom API in React?

0 Answers0