Laravel CDN Assets Manager
Content Delivery Network Package for Laravel
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.
Vinelab/cdn
Fork FromThis project has been forked from https://github.com/Vinelab/cdn. All credit for the original work goes there.
Laravel Support
- This fork supports Laravel 8 and up.
- Package auto-discovery is supported.
- If you need to use Laravel versions below 8, please use version ~3 of this package.
- Laravel version 8 and above should be using version ~4 of this package.
Highlights
- Amazon Web Services (AWS) - S3
- DigitalOcean (DO) - Spaces
- Artisan command to upload content to CDN
- Simple Facade to access CDN assets
Questions
- 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.
Installation
Via Composer
Require publiux/laravelcdn
in your project:
composer require "publiux/laravelcdn:~4.0"
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(
//...
Publiux\laravelcdn\CdnServiceProvider::class,
),
'aliases' => array(
//...
'CDN' => Publiux\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 'Publiux\laravelcdn\CdnServiceProvider'
Environment Configuration
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.
AWS Credentials
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=
CDN URL
Set the CDN URL:
'url' => env('CDN_Url', 'https://s3.amazonaws.com'),
This can altered in your '.env' file as follows:
CDN_Url=
Bypass
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 Support
'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=
Default CDN Provider
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',
CDN Provider Configuration
'aws' => [
's3' => [
'version' => 'latest',
'region' => '',
'endpoint' => '', // For DO Spaces
'buckets' => [
'my-backup-bucket' => '*',
]
]
],
Multiple Buckets
'buckets' => [
'my-default-bucket' => '*',
// 'js-bucket' => ['public/js'],
// 'css-bucket' => ['public/css'],
// ...
]
Files & Directories
Include:
Specify directories, extensions, files and patterns to be uploaded.
'include' => [
'directories' => ['public/dist'],
'extensions' => ['.js', '.css', '.yxz'],
'patterns' => ['**/*.coffee'],
],
Exclude:
Specify what to be ignored.
'exclude' => [
'directories' => ['public/uploads'],
'files' => [''],
'extensions' => ['.TODO', '.txt'],
'patterns' => ['src/*', '.idea/*'],
'hidden' => true, // ignore hidden files
],
Other Configurations
'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
Usage
You can 'push' your assets to your CDN and you can 'empty' your assets as well using the commands below.
Push
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.
Empty
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.
Load 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
Test
To run the tests, run the following command from the project folder.
$ ./vendor/bin/phpunit
Support
Please request support or submit issues via Github
Contributing
Please see CONTRIBUTING for details.
Security Related Issues
If you discover any security related issues, please email [email protected] instead of using the issue tracker for faster response. You should open an issue at the same time.
Credits
- Raul Ruiz (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
License
The MIT License (MIT). Please see License File for more information.
Changelog
v2.0.5
- Added connection error reporting
v2.0.4
- Added API support for DigitalOcean Spaces
v2.0.3
- Added support for an upload folder prefix
v2.0.2
- Updated readme to detail instructions on Laravel <5.5 usage
v2.0.1
- Fixed typo in composer.json
v2.0.0
- Support for Laravel 5.5
v1.0.3
- Fixed bug where schemeless Urls could not be used for CloudFront. Valid urls now begin with http, https, or simply '//'
v1.0.2
- Fixed bug where the elixir function was inadvertently omitted from the release.
v1.0.1
- Allow configuration using environment values