I have been using YouTube Data API with Google Sign In authentication method oAuth for months. It was working perfectly. But for many days, I am getting warnings on console that old authentication libraries will be deprecated soon. So I followed the documentation https://developers.google.com/identity/oauth2/web/guides/migration-to-gis to migrate to Google Identity Services for authentication. I successfully get the access token, but cannot get it to work with YouTube Data API. I am getting the warning client:36 [GSI_LOGGER-TOKEN_CLIENT]: Set token failed. Gapi.client.setToken undefined. after authentication and getting the error Uncaught ReferenceError: gapi is not defined after calling the function getChannel()
Your help would mean a lot to me.
var client;var access_token; function initClient() { client = google.accounts.oauth2.initTokenClient({ client_id: 'MY_CLIENT_ID-----------------au08jm.apps.googleusercontent.com', scope: 'https://www.googleapis.com/auth/youtube.readonly', callback: (tokenResponse) => { access_token = tokenResponse.access_token; gapi.client.setToken({ access_token: access_token }); }, }); } function getToken() { client.requestAccessToken(); } function revokeToken() { google.accounts.oauth2.revoke(access_token, () => {console.log('access token revoked')}); }channelForm.addEventListener('submit', e => { e.preventDefault(); const channel = channelInput.value; getChannel(channel); });function getChannel(channel) { var myytid = channel; gapi.client.youtube.channels .list({ part: 'snippet,contentDetails,statistics', id: channel }) .then(response => { console.log(response); })}Here are the libraries & function call
<head><script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script> <script src="https://accounts.google.com/gsi/client" onload="this.onload=function(){};initClient()" async defer></script></head><body><button onclick="getToken();">Get access token</button><form id="channel-form-myyoutube"><input type="text" placeholder="Enter Channel ID" id="channel-input-myyoutube"><input type="submit" id="ytfetchbut" value="submit"></form></body>