File Uploading

AWS_S3_IAM_ACCESS_KEY=
AWS_S3_IAM_SECRET_KEY=
AWS_S3_FILES_BUCKET=
AWS_S3_REGION=

AWS_S3_IAM_ACCESS_KEY=
AWS_S3_IAM_SECRET_KEY=
AWS_S3_FILES_BUCKET=
AWS_S3_REGION=

dependencies: [
...
("aws-sdk", "^2.1294.0"),
...
]

dependencies: [
...
("aws-sdk", "^2.1294.0"),
...
]

const handleUploadFile = async () => {
  ...
  let data = await getUploadFileSignedURL(...);
  // key is the identifier of the file in S3
  const { uploadUrl, key } = data;
  // upload the actual file using the signed URL, newFile here is the file selected in the form
  await axios.put(uploadUrl, newFile);

  // store the key as a field of a file entity for later retrieval
  ...
}

const handleUploadFile = async () => {
  ...
  let data = await getUploadFileSignedURL(...);
  // key is the identifier of the file in S3
  const { uploadUrl, key } = data;
  // upload the actual file using the signed URL, newFile here is the file selected in the form
  await axios.put(uploadUrl, newFile);

  // store the key as a field of a file entity for later retrieval
  ...
}

const handleDownloadFile = async (file) => {
  ...
  let downloadUrl = await getDownloadFileSignedURL(...);
  // ignore my ugly code below, its a workaround I had to do due to how I had setup my UI
  var link = document.createElement("a");
  link.download = file.filename;
  link.href = downloadUrl;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  ...
}

const handleDownloadFile = async (file) => {
  ...
  let downloadUrl = await getDownloadFileSignedURL(...);
  // ignore my ugly code below, its a workaround I had to do due to how I had setup my UI
  var link = document.createElement("a");
  link.download = file.filename;
  link.href = downloadUrl;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  ...
}

...
import S3 from 'aws-sdk/clients/s3.js';

const s3Client = new S3({
  apiVersion: '2006-03-01',
  accessKeyId: process.env.AWS_S3_IAM_ACCESS_KEY,
  secretAccessKey: process.env.AWS_S3_IAM_SECRET_KEY,
  region: process.env.AWS_S3_REGION,
  signatureVersion: 'v4'
})
...
export const getUploadFileSignedURL = async (args, context) => {
  ... // business logic for who can upload
  const ex = args.fileType;
  const Key = `${uuid()}.${ex}`;
  const s3Params = {
    Bucket: process.env.AWS_S3_FILES_BUCKET,
    Key,
    Expires: 30,
    ContentType: `${ex}`,
  };
  const uploadUrl = await s3Client.getSignedUrl("putObject", s3Params);
  return { uploadUrl, key: Key };
}

export const getDownloadFileSignedURL = async (args, context) => {
  ... // business logic for who can download
  const s3Params = {
    Bucket: process.env.AWS_S3_FILES_BUCKET,
    Key: args.Key,
    Expires: 30,
  };
  const downloadUrl = await s3Client.getSignedUrl("getObject", s3Params);
  return downloadUrl;
}

...
import S3 from 'aws-sdk/clients/s3.js';

const s3Client = new S3({
  apiVersion: '2006-03-01',
  accessKeyId: process.env.AWS_S3_IAM_ACCESS_KEY,
  secretAccessKey: process.env.AWS_S3_IAM_SECRET_KEY,
  region: process.env.AWS_S3_REGION,
  signatureVersion: 'v4'
})
...
export const getUploadFileSignedURL = async (args, context) => {
  ... // business logic for who can upload
  const ex = args.fileType;
  const Key = `${uuid()}.${ex}`;
  const s3Params = {
    Bucket: process.env.AWS_S3_FILES_BUCKET,
    Key,
    Expires: 30,
    ContentType: `${ex}`,
  };
  const uploadUrl = await s3Client.getSignedUrl("putObject", s3Params);
  return { uploadUrl, key: Key };
}

export const getDownloadFileSignedURL = async (args, context) => {
  ... // business logic for who can download
  const s3Params = {
    Bucket: process.env.AWS_S3_FILES_BUCKET,
    Key: args.Key,
    Expires: 30,
  };
  const downloadUrl = await s3Client.getSignedUrl("getObject", s3Params);
  return downloadUrl;
}