The package provides the developer the ability to upload their assets (or any public file) to a CDN with a single artisan command. And then it allows them to switch between the local and the online version of the files.
This project has had multiple homes and unfortunately the previous maintainers have lost interest into this project. I am planning on maintaining this package as we have several projects that make use of it. This is the latest version of Laravel CDN.
Fork from Publiux/laravelcdn
Fork From Vinelab/cdn
This project has been forked originally from https://github.com/Vinelab/cdn. All credit for the original work goes there.
- If you are using Laravel 10 use
v4.*
- If you are using Laravel 9 use
v3.*
- If you are using Laravel 8 use
v2.2.0
- If you are using Laravel 7 use
v2.1.0
- Amazon Web Services (AWS) - S3
- DigitalOcean (DO) - Spaces
- Artisan command to upload content to CDN
- Simple Facade to access CDN assets
- Is this package an alternative to Laravel FileSystem and do they work together?
- No, the package was introduced in Laravel 4 and it's main purpose is to manage your CDN assets by loading them from the CDN into your Views pages, and easily switch between your Local and CDN version of the files. As well it allows you to upload all your assets with single command after specifying the assets directory and rules. The FileSystem was introduced in Laravel 5 and it's designed to facilitate the loading/uploading of files form/to a CDN. It can be used the same way as this Package for loading assets from the CDN, but it's harder to upload your assets to the CDN since it expect you to upload your files one by one. As a result this package still not a replacement of the Laravel FileSystem and they can be used together.
Require juhasev/laravelcdn
in your project:
composer require juhasev/laravelcdn
If you are using Laravel 5.4 or below, you need to register the service provider:
Laravel 5.4 and below: Add the service provider and facade to config/app.php
:
'providers' => array(
//...
SampleNinja\LaravelCdn\CdnServiceProvider::class,
)
'aliases' => array(
//...
'CDN' => SampleNinja\LaravelCdn\Facades\CdnFacadeAccessor::class
)
If you are using Laravel 5.5, there is no need to register the service provider as this package is automatically discovered.
Publish the package config file:
php artisan vendor:publish --provider 'SampleNinja\LaravelCdn\CdnServiceProvider'
This package can be configured by editing the config/app.php file. Alternatively, you can set many of these options in as environment variables in your '.env' file.
Set your AWS Credentials and other settings in the .env
file.
Note: you should always have an .env
file at the project root, to hold your sensitive information. This file should usually not be committed to your VCS.
AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=
Set the CDN URL:
'url' => env('CDN_Url', 'https://s3.amazonaws.com'),
This can altered in your '.env' file as follows:
CDN_Url=
To load your LOCAL assets for testing or during development, set the bypass
option to true
:
'bypass' => env('CDN_Bypass', false),
This can be altered in your '.env' file as follows:
CDN_Bypass=
'cloudfront' => [
'use' => env('CDN_UseCloudFront', false),
'cdn_url' => env('CDN_CloudFrontUrl', false)
],
This can be altered in your '.env' file as follows:
CDN_UseCloudFront=
CDN_CloudFrontUrl=
For now, the only CDN provider available is AwsS3. Although, as DO natively support the AWS API, you can utilise it by also providing the endpoint, please see the cdn.php config for more info. This option cannot be set in '.env'.
'default' => 'AwsS3',
'aws' => [
's3' => [
'version' => 'latest',
'region' => '',
'endpoint' => '', // For DO Spaces
'buckets' => [
'my-backup-bucket' => '*',
]
]
],
'buckets' => [
'my-default-bucket' => '*',
// 'js-bucket' => ['public/js'],
// 'css-bucket' => ['public/css'],
// ...
]
Specify directories, extensions, files and patterns to be uploaded.
'include' => [
'directories' => ['public/dist'],
'extensions' => ['.js', '.css', '.yxz'],
'patterns' => ['**/*.coffee'],
],
Specify what to be ignored.
'exclude' => [
'directories' => ['public/uploads'],
'files' => [''],
'extensions' => ['.TODO', '.txt'],
'patterns' => ['src/*', '.idea/*'],
'hidden' => true, // ignore hidden files
],
'acl' => 'public-read',
'metadata' => [ ],
'expires' => gmdate("D, d M Y H:i:s T", strtotime("+5 years")),
'cache-control' => 'max-age=2628000',
You can always refer to the AWS S3 Documentation for more details: aws-sdk-php
You can 'push' your assets to your CDN and you can 'empty' your assets as well using the commands below.
Only changed assets are pushed to the CDN. (THanks, )
Upload assets to CDN
php artisan cdn:push
You can specify a folder upload prefix in the cdn.php config file. Your assets will be uploaded into that folder on S3.
Delete assets from CDN
php artisan cdn:empty
CAUTION: This will erase your entire bucket. This may not be what you want if you are specifying an upload folder when you push your assets.
Use the facade CDN
to call the CDN::asset()
function.
Note: the asset
works the same as the Laravel asset
it start looking for assets in the public/
directory:
{{CDN::asset('assets/js/main.js')}} // example result: https://js-bucket.s3.amazonaws.com/public/assets/js/main.js
{{CDN::asset('assets/css/style.css')}} // example result: https://css-bucket.s3.amazonaws.com/public/assets/css/style.css
Note: the elixir
works the same as the Laravel elixir
it loads the manifest.json file from build folder and choose the correct file revision generated by gulp:
{{CDN::elixir('assets/js/main.js')}} // example result: https://js-bucket.s3.amazonaws.com/public/build/assets/js/main-85cafe36ff.js
{{CDN::elixir('assets/css/style.css')}} // example result: https://css-bucket.s3.amazonaws.com/public/build/assets/css/style-2d558139f2.css
Note: the mix
works the same as the Laravel 5.4 mix
it loads the mix-manifest.json file from public folder and choose the correct file revision generated by webpack:
{{CDN::mix('/js/main.js')}} // example result: https://js-bucket.s3.amazonaws.com/public/js/main-85cafe36ff.js
{{CDN::mix('/css/style.css')}} // example result: https://css-bucket.s3.amazonaws.com/public/css/style-2d558139f2.css
To use a file from outside the public/
directory, anywhere in app/
use the CDN::path()
function:
{{CDN::path('private/something/file.txt')}} // example result: https://css-bucket.s3.amazonaws.com/private/something/file.txt
To run the tests, run the following command from the project folder.
$ ./vendor/bin/phpunit
Please request support or submit issues via Github
Please see CONTRIBUTING for details.
- Juha Vehnia (forker)
- Raul Ruiz (original forker)
- Mahmoud Zalt (original developer)
- Filipe Garcia (contributred pre-fork, uncredited pull request for duplicate uploading verification)
- Contributors from original project
- All Contributors for this Fork
The MIT License (MIT). Please see License File for more information.