Get an end users list of files in google drive
So i feel like im missing something here. I have been to websites before where i can click a button which opens a popup, authorize my account for google, select a file from google drive, then upload it to the website (or at least it appears this way). Now im looking through documentation and everything i see wants MY api creds. I want to use the end users though.
My goal is to have the end user pick a file from their google drive, get that url, then store it so they can have a link to view it in THEIR drive account in another window. I dont want it in MY drive account so why does it appear i need api creds? It really doesnt need ME to have a drive account at all. Am i searching the wrong stuff here? How can this be done?
To add: This will be for a front-end web app (javascript).
About your question, I think the one that explains the most what you want to accomplish is this documentation here
The Google Picker is a "File Open" dialog for information stored on Google servers. You can use the Google Picker API to allow users to open or upload Google Drive files.
You can also review more information about the Google Picker API here and a code sample here.
The setOAuthToken function allows an app to use the current auth token to determine which Google Account the Google Picker uses to display the files. If a user is signed in with multiple Google Accounts, the Google Picker can display the files of the appropriate authorized account.
Since you want to use a web application (users from your website,) you will need to create a GCP project, enable the API for Google Drive & Google Picker API under Library.
You can search it like this:
After that, you will need to set up a OAuth consent screen.
And set it up as External.
Create an API key using that project.
Also, you will need to authorize credentials for a web application, since you want the users of your website to authorize access to their Google Drive to select the files.
Reference:
- PDF file creation using html-pdf is not working in my deployment server?
- Not iterating over map in node js
- Select text in textarea, delete it by backspace/delete to add CSS for another element
- Jquery : Uncaught SyntaxError: Failed to execute 'appendChild' on 'Node': missing ) after argument list
- center megamenu div under nav button
- Firebase Authentication: Where is the token stored in web?
- plugin:vite:import-analysis - Failed to parse source for import analysis because the content contains invalid JS syntax. - Vue 3
- SCRAM-SERVER-FIRST-MESSAGE: client password must be a string
- Where Am I Going Wrong Here - JAVASCRIPT
- Why does the function expression in an IIFE have to be wrapped in parentheses?
- In an object-destructuring declaration, what do the identifiers on the target side refer to?
- Can I destructure an object property into a property of another object?
- How does the object destructuring syntax work in ES6?
- How does nested destructuring work in ES6?
- Why does choosing module imports not work like destructuring?
- What is “fail-soft destructuring”?
- navigator.clipboard.readText() is not working in Firefox
- Why does console.log on a WeakSet give <items unknown> in node.js?
- Why do I need a WeakMap to store private data, as opposed to just closing over a variable with limited scope?
- Get url params in API route handler in Next.js
- How to move all Custom Element related into separate file to be imported & reused
- How to fetch data server-side in the latest Next.js? Tried getStaticProps but it's not running and getting undefined
- How to render my components in a tree structure, like default file structure in IDE using React
- Contentful API returning 'version mismatch' on entry update
- jqGrid dynamically change search operator type on button click
- JS making loop animation for a progress-bar
- Given an array of numbers(arr) and the length of the array(n) as arguments, how do you create a tribonacci sequence?
- "Could not read source map for chrome-error..." when using Visual Studio Code to debug JavaScript in Edge
- LeetCode Question - 2634. Filter Elements from Array
- How to get {[space][caret][space]} and {{[space][caret][space]}}