Code Monkey home page Code Monkey logo

18-asset-management's Introduction

CF 18: Image Uploads w/ AWS S3

Submission Instructions

  • fork this repository & create a new branch for your work
  • write all of your code in a directory named lab- + <your name> e.g. lab-susan
  • push to your repository
  • submit a pull request to this repository
  • submit a link to your PR in canvas
  • write a question and observation on canvas

Learning Objectives

  • students will be able to upload static assets to AWS S3
  • students will be able to retrieve a cdn url that contains the previously uploaded static asset
  • students will be able to work with secret and public access keys

Requirements

Configuration

  • package.json
  • .eslintrc
  • .gitignore
  • README.md

Description

  • create an AWS account
  • create an AWS Access Key and Secret
    • add the Access Key and Secret to your .env file
  • create a new model that represents a file type that you want to store on AWS S3
    • ex: .mp3, .mp4, .png, etc
  • create a test that uploads one of these files to your route
  • use the aws-sdk to assist with uploading
  • use multer to parse the file upload request

Server Endpoint

  • POST - /api/v1/resource
  • GET - /api/v1/resource
  • GET - /api/v1/resource/:resourceID

Tests

  • POST /resource - 201 - test that the upload worked and a resource object is returned
  • POST /resource - 400 - test that the upload requires a valid body of data
  • POST /resource - 401 - test that the upload requires a Bearer Auth request
  • GET /resource - 200 - test that the fetch worked and an array of resource IDs are returned
  • GET /resource/:_id - 200 - test that the fetch worked and a resource object is returned

Stretch

  • DELETE route - /api/v1/resource/:resourceID

  • Test: DELETE - 204 - test to ensure the object was deleted from s3 and from your database

  • try using the deleteObject method provided by the aws-sdk to delete an object (file) from S3

    • you will need to pass in a params object that contains the associated Bucket and AWS object key in order to delete the object from s3
    • ex:
    var params = {
      Bucket: 's3-bucket-name',
      Key: 'object-filename'
    }
    s3.deleteObject(params)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.