Amazon AWS S3 CDN media server – PrestaShop module
55$
Compatibility
PrestaShop 1.7.x – 8.x
Download documentation
Amazon AWS S3 CDN media server.pdf
YouTube video
https://youtu.be/E2HvnZbIpfE
Goal
Amazon AWS S3 CDN media server is PrestaShop module which speeds up your online store by transferring most of your store files to CDN and keep loading them from Amazon AWS S3 cloud. Module replaces standard media server and provides much more flexible system of settings and file control.
Benefits for Merchants
- admin can determine which files need to be placed in the cloud: by category (theme, modules, etc), by type, by extension;
- finely manage files that need to be loaded from server or cloud;
- admin can upload any file from cloud back to the server if necessary;
- admin can use AWS S3 Bucket or AWS Cloud Form;
- use for FRONT-END files only without any risks for back-end functionality;
- budget-reduction for store comparatively with regular hosting, high scalability, security and durability of AWS.
Benefits for customers
- customer will get parallel content loading streams while opening the site, so the speed will be higher comparatively with pure hosting-located files of the site;
- security and accessibility of files, located on AWS – content will be available 100% of time even if hosting could not respond due to high load, etc;
- speed of store loading is the benefit for any customer.
Features
- admin can upload all or selected files to AWS cloud. It’s possible to determine which files need to be uploaded there (by extension or type, etc). Admin is allowed to upload theme files to cloud, but keep modules files on hosting, so the settings are very flexible;
- admin can return any selected file from cloud so that this file will be loaded from hosting. It’s possible to get this file back to cloud anytime;
- files source links in HTML code will be automatically updated according to location of the files: cloud or own hosting. In case admin changes settings (replaces source from cloud to hosting or vice versa), source links will be updated accordingly, so no broken images, links, etc. will occur.
Module settings
1. “Configuration” tab
Amazon AWS connection settings:
- Bucket name – your Bucket name of Amazon S3 service
- Access key – access key of your Amazon account
- Secret key – secret key of your Amazon account
- Location – AWS server location
- Use Cloudfront – (Yes/No) use Cloudfront. All links to files in Bucket will go through Cloudfront then
- Cloudfront ID – your Cloudfront ID
- Button Test link to AWS – button to validate data and test AWS connection
Selecting files to upload to AWS and use on the site:
- Synchronize Images – upload style files to AWS
- Product Images – all product images
- Category Images – all category images
- Manufacturer Images – images (logos) of manufacturers
- Modules Images – images of modules on the site (sliders, banners, etc.) *
- Synchronize CSS – upload style files to AWS
- Main Files CSS – core files (located in /js)
- Theme Files CSS – your Theme Files
- Modules Files CSS – your Modules files
2. “General” tab
Buttons functionality:
- Upload files to S3 – upload all files that match the settings on the Configuration tab
- Upload new/edit files – upload only files that have been created and/or modified
- Update Date Edit – check and show modification date of files to control what and where was edited/created on server
- Delete inactive files – delete deactivated files from the cloud
- Clear bucket – clear the entire cloud
Files table taking into account the specified settings:
- Files site – path to file from the root of the site
- AWS – (YES/NO) whether AWS is used to load the file
- Type – file type (image, css, js)
- Category – category of the file (product, category, manufacturer, modules, theme, main)
- Date upload – date the file was uploaded to AWS server
- Date edit – date the file was modified on server
File management buttons:
- upload file to AWS
- uploading file to server from AWS
- deactivate file
- activate file
Advanced settings in Configuration:
You can change or add file extensions that will be uploaded to the AWS server.
Setting up AWS S3
- Register at https://aws.amazon.com/
- Go to the console and in the Services menu select Storage-> S3 (https://s3.console.aws.amazon.com)
-
- Create your Bucket (Create bucket)
- Be sure to clear the checkbox when creating Block all public access
- After creating a Bucket, please open it and go to the tab Permissions > section Cross-origin resource sharing (CORS)
Click the Edit button and set up CORS (JSON format):
[
{
“AllowedHeaders”: [],
“AllowedMethods”: [
“POST”,
“GET”,
“PUT”,
“DELETE”,
“HEAD”
],
“AllowedOrigins”: [
“https://mypresta.loc”
],
“ExposeHeaders”: []
}
]
Where AllowedOrigins is your site URL.
Obtaining access keys:
- Go to Security credentials ->Acces Keys
- Click on Create New Access Key
- Modal window will appear with a suggestion to save the key in a CSV file. Keep this file in a safe place. You will find Access key, Secret key in the file needed to configure the module.
Installation
– Upload the module through the Backoffice (Modules > Add New Module) or using FTP client
– Hit Install it and enter the configuration
Other remarks
Replacing styles and scripts URLs on the site:
Replacing the url of images on the site:
Prestashop Multishop
- Physical URL: supports
- Virtual URL: supports
Each store needs to set its own settings.
Buy it now: