Laravel to Store Your Files to Amazon Simple Storage (AWS S3)

AWS S3, Amazon CloudFront, Laravel
5 months ago SETHA THAY 283
Laravel to Store Your Files to Amazon Simple Storage (AWS S3)

Amazon Simple Storage Service (Amazon S3) is storage for the internet. It's designed to make web-scale computing easier. Amazon S3 has a simple web services interface that you can use to store and retrieve any amount of data, at any time, from anywhere on the web. (Definition defined by Amazon web services)

The benefit of using Amazon S3 versus your own server for hosting images/videos

  • Remove management tasks to secure, backup images/videos 
  • Accessible when there is a lot of load on your website
  • Inexpensive
  • Provide developers easier for saving and secure object storage

In this post, we will introduce step by step how to upload your files to AWS S3 using laravel

STEP 1: Create Bucket in AWS S3

  • Login to your amazon web service account, then click menu S3

laravel-to-store-your-files-to-aws-s3-s3-list

  • Click the button "Create bucket", then fill-in bucket name and select AWS Region

laravel-to-store-your-files-to-aws-s3-create-bucket

STEP 2: Create IAM Role to use with S3

  • Go to menu services then click on IAM

laravel-to-store-your-files-to-aws-s3-IAM

  • Click on menu users, click add user and then fill in a user name and check for programmatic access type

laravel-to-store-your-files-to-aws-s3-create-iam-1

  • Assign permission to the user (Full permission to access S3)

laravel-to-store-your-files-to-aws-s3-create-iam-2

  • Review selected data and options

laravel-to-store-your-files-to-aws-s3-create-iam-3

  • Saving Access Key ID and Secret Access Key, this key and secret will be used in your coding for accessing the AWS S3 bucket

laravel-to-store-your-files-to-aws-s3-create-iam-4

STEP 3: Create A New CloudFront Endpoint

In order to show images/videos to the public, we will set up a new cloud front endpoint to connect to the AWS S3

  • Click on the services menu and click CloudFront to create a new distribution and choose the option of your distribution as below

laravel-to-store-your-files-to-aws-s3-create-distribution

  • All the rest of the options select as default, click "Create distribution" and wait until your CloudFront finish set up

laravel-to-store-your-files-to-aws-s3-cloudfront-list

STEP 4: Testing Your Bucket with CloudFront

  • Using S3 Browser Tool to upload your file or you can upload files by Amazon Management Console

laravel-to-store-your-files-to-aws-s3-s3-browser

  • Viewing your file in the browser through the CloudFront endpoint

laravel-to-store-your-files-to-aws-s3-viewing-file

STEP 5: Coding to Programmatically Upload Your Files

  • Install package AWS S3 for Laravel

composer require league/flysystem-aws-s3-v3 ~1.0
  • Modify env file for the key and secret of AWS S3
AWS_ACCESS_KEY_ID=key_id
AWS_SECRET_ACCESS_KEY=key_secret
AWS_DEFAULT_REGION=region_of_s3_bucket
AWS_BUCKET=bucket_name
CLOUDFRONT_ENDPOINT=cloud_front_url
  • The function of uploading files to the AWS S3 bucket
       if ($request->hasFile('upload')) {
            $file = $request->file('upload');
            if ($file->isValid()) {
                //Uploading file to server -------------------------------
                //$filename =rand(1000,9999).$file->getClientOriginalName();
                //$file->move(public_path().'/wysiwyg/', $filename);
                //$url = url('wysiwyg/' . $filename);
                //--------------------------------------------------------
                //Uploading file to aws s3
                $fileName =rand(1000,9999).$file->getClientOriginalName();
                $imageUploadPath = "wysiwyg/".  $fileName;
                $s3 = \Storage::disk('s3');
                $s3->put($imageUploadPath, file_get_contents($file));
                $url = env('CLOUDFRONT_ENDPOINT') . "wysiwyg/".  $fileName;
                //--------------------------------------------------------
            } else {
                $message = 'An error occurred while uploading the file.';
            }
        } else {
            $message = 'No file uploaded.';
        }

 

THANK YOU !!!


About author

Author Profile

SETHA THAY

Software Engineer & Project Manager. I am willing to share IT knowledge, technical experiences and investment to financial freedom. Feel free to ask and contact me.


DigitalOcean Referral Badge

Scroll to Top