Amazon CloudFront / S3

• Current Version: 2.0.1
• Last Updated 18 August 2022
• License: Commercial License
• Compatibility: OpenCart 3.x, 4.x

Description

Speed up image loading on your website using Amazon CloudFront (CDN) with S3. This integration allows you to easily upload your OpenCart image cache onto Amazon S3 and serve it through CloudFront's distribution network.

Features

• Upload your OpenCart image cache onto Amazon S3
• Easily serve images through Amazon CloudFront CDN
• Easily upload the OpenCart Download files onto S3
• One click build or clear image cache
• One click to export download files onto S3
• Easily invalidate CloudFront URL by clearing image cache

Installation

OpenCart Cloud

1. Purchase the extension from your administration panel.
2. Proceed to Extensions >> Extensions and select Modules. Then, install Amazon CloudFront / S3. Configure the extension accordingly.
3. Read detailed instructions on setting up Amazon S3 and CloudFront below.

OpenCart 3 & 4

1. Proceed to Extensions >> Installer. Then, upload the installation ZIP file.
2. Proceed to Extensions >> Extensions and select Modules. Then, install Amazon CloudFront / S3. Configure the extension accordingly.
3. Read detailed instructions on setting up Amazon S3 and CloudFront below.

Configurations

OpenCart 3, 4 & Cloud

Once you have installed the Amazon CloudFront / S3 plugin, you will need to input your Amazon details to begin using the extension. Follow the instructions below to setup your Amazon S3, CloudFront and IAM user.

Setting Up S3 Bucket

1. Proceed to your S3 Console at https://s3.console.aws.amazon.com/s3/home.
2. Click the "Create Bucket" button.
3. Enter a bucket name (e.g. mywebsite-image-com), choose your preferred bucket region and proceed below.
   
4. Under the "Object Ownership" section, choose "ACLs Enabled". and select "Bucket owner preferred".
   
5. Under the "Block Public Access settings for this bucket" section, untick the checkbox "Block all public access". This gives you the public permission for this bucket, so all customers will be able to view your images on your website. Tick the "acknowledge" checkbox.
   
6. Save and create the bucket. Copy the bucket name you have set at step 3 to the extension configuration.
7. Repeat steps 1 to 6 above to create a bucket for your OpenCart download files. Skip step 5, do not untick the checkbox. You do not want to give public permission for your Download files.

Setting Up CloudFront

1. Proceed to your CloudFront Console at https://console.aws.amazon.com/cloudfront/home.
2. Click the "Create Distribution" button.
3. Select the origin domain from the dropdown list. Choose the newly created bucket for your images.
   
4. The remaining fields will be automatically filled for you. Scroll to the end of the page and proceed to save and create this distribution.
5. Copy the CloudFront domain name and the distribution ID and put it into your OpenCart settings. Do ensure the correct domain is entered, including the "https" and the trailing "/" (e.g. https://example.cloudfront.net/).
   

Setting Up IAM User

1. Proceed to your IAM Console at https://console.aws.amazon.com/iam/home.
2. Select the "User Groups" menu and click "Create Group".
   
3. Give your user group a name and scroll to the bottom to attach permissions policies.
4. Attach the two policies "AmazonS3FullAccess" and "CloudFrontFullAccess".
   
5. Scroll to the bottom to create the user group.
6. Select the "Users" menu on the left and click "Create User".
   
7. Give the user a name and tick the checkbox "Access key- Programmatic access".
   
8. Add this user to the user group you have created at step 5 above.
   
9. Proceed to create this user.
10. Copy the Access Key and Secret Key provided by Amazon into your OpenCart settings.

Completing the Setup

1. Fill up the OpenCart settings accordingly with the information above. Enable the extension, then save.
2. You are ready to go! All image cache will be automatically exported to your S3 bucket and served through CloudFront.

Change Log

Version 2.0.1 (18/08/2022)

• Added support for OpenCart 4.0.1.0

Version 2.0.0 (05/06/2022)

• Cease support for OpenCart 2
• Added support for OpenCart 4
• Removed OCMod to improve theme compatibility
• Updated documentation to support new Amazon interface
• Added ajax form handling for better user experience

Version 1.1.2 (14/04/2019)

• Fixed incorrect function being called in OC 3.0

Version 1.1.1 (15/05/2018)

• Fixed incorrect function being called in OC 2.0 release

Version 1.1.0 (19/02/2018)

• Added download files integration with S3

Version 1.0.0 (08/02/2018)

• Extension created