how to use google cloud storage for javascript

Question

I've followed the guide on how to use GCS on their site:

but
Once Unauthorized used

I then get

Failed to load resource: the server responded with a status of 400 ()

{"error":{"errors":[{"domain":"usageLimits","reason":"keyInvalid","message":"Bad Request"}],"code":400,"message":"Bad Request"}}

Here is my step
create the javascript page from this authSample.html
change clientId to google console page

OAuth 2.0 user ID:??????????????????????.apps.googleusercontent.com

change apiKey to google console page

OAuth 2.0 user api key

run the authSample.html

What am I doing wrong?

Based on the "keyInvalid" message, I'm wondering if you have perhaps put in the wrong API key? Double check the key. — Brandon Yarbrough
Are you sure you have entered the domain you are serving the javascript from in the developers console? Make sure to include it as a valid REST domain and also as a redirect url. — Danielo515
Which APIs are you trying to use ? Whether you need API key or a Service account key or OAuth client ID depends on what you intend to use, please provide details on what you are trying to accomplish and also the code that you have currently — Raghvendra Kumar

varun varun · Accepted Answer · 2018-11-20T14:10:58

So this bug occurs because of an incorrect way of loading and authorising API's.

The correct way is to first use

gapi to load client (no auth required)
next load, the "storage","v1"

finally Authorise

gapi.load('client', () => {

gapi.client.load('storage', 'v1', authResult =>{

gapi.auth.authorize({
      client_id: CLIENT_ID,
      scope: SCOPES,
      immediate: false
    },authResult=>{

      if (authResult && !authResult.error) {
        var request = gapi.client.storage.buckets.list({
          'project': PROJECT_ID
        });
        request.execute(function(resp) {
          console.log(resp)
        });

    } else {
       alert("Un-Authorised")
    }


    });

});

});

how to use google cloud storage for javascript

2 Answers