Hello,
I am trying to integrate google drive in the uppy dash board but I am not able to connect the companion to the app. I am currently running the code in the index.js file. This is where the backend is running.
index.js file
const http = require('http');
const https = require('https');
const fs = require('fs');
const express = require('express');
const helmet = require('helmet');
const compression = require('compression');
const cookieParser = require('cookie-parser');
const bodyParser = require('body-parser');
const session = require('express-session');
const crypto = require('crypto');
const companion = require('@uppy/companion');
const enforceSsl = require('express-enforces-ssl');
const path = require('path');
const sharetribeSdk = require('sharetribe-flex-sdk');
const sitemap = require('express-sitemap');
const passport = require('passport');
const auth = require('./auth');
const apiRouter = require('./apiRouter');
const wellKnownRouter = require('./wellKnownRouter');
const { getExtractors } = require('./importer');
const renderer = require('./renderer');
const dataLoader = require('./dataLoader');
const log = require('./log');
const { sitemapStructure } = require('./sitemap');
const csp = require('./csp');
const sdkUtils = require('./api-util/sdk');
const app = express();
const sessionSecret = crypto.randomBytes(64).toString('hex');
app.use(session({ secret: sessionSecret, resave: false, saveUninitialized: true }));
const companionOptions = {
secret: sessionSecret,
uploadUrls: ['/api/companion/drive/list/root'],
providerOptions: {
drive: {
key: 'AIzaSyC6zUhxFe5lqfuNleEKIFUQ0jvD8a-WWMg',
},
},
server: {
host: 'localhost',
protocol: 'http',
path: '/api/companion',
},
filePath: '/tmp',
};
const {app: companionApp} = companion.app(companionOptions);
app.use('/api/companion', companionApp);
const server=app.listen(PORT, () => {
console.log(`API server listening on ${PORT}`);
});
companion.socket(server);
mediaUpload.js file
import React, { useEffect, useMemo } from 'react';
import { Uppy } from '@uppy/core';
import { Dashboard } from '@uppy/react';
import GoogleDrive from '@uppy/google-drive';
import XHRUpload from '@uppy/xhr-upload';
const uppy = new Uppy({
restrictions: { allowedFileTypes: ['image/jpeg', 'video/mp4', 'image/webp'], maxFileSize: 104857600 },
}).use(XHRUpload, {
endpoint: '/api/media',
formData: true,
}).use(GoogleDrive, {
// target: Dashboard,
companionUrl: 'http://localhost:3500/api/companion',
});
...
<Dashboard uppy={uppy} height={400} plugins={['GoogleDrive']}/>
I get an error,
