How to integrate Google Drive file selection and upload in a MeteorJS web app?

Other Questions Google drive
1

I’m building a web app with MeteorJS and I need some help. Here’s what I want to do:

  1. User clicks a button
  2. Google Drive picker opens (after authentication)
  3. User picks a file from their Google Drive
  4. The chosen file gets uploaded to my app’s collection

I’m not sure how to make this work in MeteorJS. Is it possible to get a readable stream of the file? If so, could I upload that to an S3 bucket instead? And how would I display the file on the front end?

I’m pretty new to MeteorJS, so any advice or explanations would be super helpful. Thanks in advance!

// Example of what I'm trying to do
Template.myTemplate.events({
  'click #pickFile': function() {
    // Open Google Drive picker
    // User selects file
    // Upload file to collection or S3
    // Update UI to show uploaded file
  }
});

Has anyone done something like this before? What’s the best way to approach it?

2

I’ve tackled a similar integration before, and here’s what worked for me:

First, set up Google API credentials and include the client library. Then, use the Google Picker API for file selection. For uploading, I’d recommend the Meteor-Files package. It’s versatile and supports various storage options, including S3. You can fetch the file content using the Google Drive API, then handle the upload with Meteor-Files.

Remember to handle authentication carefully and provide clear user feedback during the process. Error handling is crucial too. If you need specifics on any part, feel free to ask. Good luck with your implementation!

3

hey there! i’ve done something similar before. you’ll need to set up google api creds first. then use the picker api for file selection. for uploading, check out meteor-files package - it’s pretty good. you can grab the file content with google drive api and use meteor-files to upload it. don’t forget to handle auth properly and give users feedback during the process. let me know if u need more specifics!

4

As someone who’s integrated Google Drive with MeteorJS before, I can share some insights. First, you’ll need to set up Google API credentials and include the Google API client library in your project. Then, use the Google Picker API to create the file selection interface.

For the upload part, I’d recommend using the Meteor-Files package. It’s robust and handles various storage options, including S3. You can fetch the file content using the Google Drive API, then use Meteor-Files to upload it to your desired storage.

Here’s a rough outline of the process:

Set up Google API
Create picker interface
Fetch selected file’s content
Use Meteor-Files to upload

Remember to handle authentication properly and provide clear user feedback during the process. Also, consider implementing proper error handling – trust me, it’ll save you headaches down the line.

If you’re stuck on any specific part, feel free to ask. Good luck with your project!