{"id":483,"date":"2015-05-15T22:44:32","date_gmt":"2015-05-15T22:44:32","guid":{"rendered":"https:\/\/wecodepixels.com\/?p=483"},"modified":"2022-01-07T13:07:23","modified_gmt":"2022-01-07T13:07:23","slug":"nginx-configuration-for-sylius","status":"publish","type":"post","link":"https:\/\/wecodepixels.com\/nginx-configuration-for-sylius\/","title":{"rendered":"Nginx configuration for Sylius"},"content":{"rendered":"

Recently we started using the increasingly popular Sylius platform for one of our e-commerce projects. Sylius is based on Symfony2, the leading PHP framework which we have worked with on our photography website<\/a>. Even though we use WooCommerce for smaller projects, Sylius provides a more modern and powerful solution that we believe is definitely better suited for more ambitious e-commerce websites.<\/p>\n

A problem that we initially struggled with was getting Sylius to work properly on our Nginx + PHP-FPM + Ubuntu 14.04 web server. We started with a standard Symfony2 configuration file<\/a> plus some optimizations, but could not get any product thumbnails to work. Turns out that LiipImagineBundle<\/a> is used to generate thumbnails on-the-fly, and this was interfering with our cache expiry rule-set, resulting in 404s for any image thumbnails that we tried to display.<\/p>\n

Here is what we were incorrectly using to set an expiry date of 1 year in the future for static files:<\/p>\n\n

location<\/span> ~ \\.(js|css|png|jpeg|jpg|gif|ico|swf|flv|pdf|zip)$<\/span> {\n<\/span><\/span>    # Set expiry date to 1 year in the future.<\/span>\n<\/span><\/span>    expires<\/span> 365d<\/span>;\n<\/span><\/span>}\n<\/span><\/span><\/code><\/div>Code language:<\/span> Nginx<\/span> (<\/span>nginx<\/span>)<\/span><\/small><\/pre>\n\n\n
While this normally works without a problem, it also means that any URL ending with one of those extensions will completely bypass the app.php file, whether or not the actual image file exists. Since thumbnails in Sylius are created on-the-fly upon a URL request, this completely breaks thumbnail creation.<\/p>\n\n\n\n
The fix is very straightforward: We only set the expiry date for requested files that actually exist. Otherwise, we rewrite them to the app.php file, as usual. Here is the final Nginx configuration file that we used:<\/p>\n\n\n
server<\/span> {\n<\/span><\/span>    server_name<\/span> example.com;\n<\/span><\/span>    root<\/span> \/var\/www\/example.com\/web;\n<\/span><\/span>\n<\/span><\/span>    location<\/span> \/ {\n<\/span><\/span>        try_files<\/span> $uri<\/span> @rewriteapp<\/span>; # Redirect to app.php if the requested file does not exist.<\/span>\n<\/span><\/span>    }\n<\/span><\/span>\n<\/span><\/span>    # Development rule-set.<\/span>\n<\/span><\/span>    # This rule should only be placed on your development environment.<\/span>\n<\/span><\/span>    # In production, don't include this and don't deploy app_dev.php or config.php.<\/span>\n<\/span><\/span>    location<\/span> ~ ^\/(app_dev|config)\\.php(\/|$)<\/span> {\n<\/span><\/span>        fastcgi_pass<\/span> unix:\/var\/run\/php5-fpm.sock;\n<\/span><\/span>        fastcgi_split_path_info<\/span> ^(.+\\.php)(\/.*)$<\/span>;\n<\/span><\/span>        include<\/span> fastcgi_params;\n<\/span><\/span>        fastcgi_param<\/span> SCRIPT_FILENAME $document_root<\/span>$fastcgi_script_name<\/span>;\n<\/span><\/span>        fastcgi_param<\/span> HTTPS off<\/span>;\n<\/span><\/span>    }\n<\/span><\/span>    \n<\/span><\/span>    # Production rule-set.<\/span>\n<\/span><\/span>    location<\/span> ~ ^\/app\\.php(\/|$)<\/span> {\n<\/span><\/span>        fastcgi_pass<\/span> unix:\/var\/run\/php5-fpm.sock;\n<\/span><\/span>        fastcgi_split_path_info<\/span> ^(.+\\.php)(\/.*)$<\/span>;\n<\/span><\/span>        include<\/span> fastcgi_params;\n<\/span><\/span>        fastcgi_param<\/span> SCRIPT_FILENAME $document_root<\/span>$fastcgi_script_name<\/span>;\n<\/span><\/span>        fastcgi_param<\/span> HTTPS off<\/span>;\n<\/span><\/span>        \n<\/span><\/span>        # Prevents URIs that include the front controller. This will 404:<\/span>\n<\/span><\/span>        # http:\/\/domain.tld\/app.php\/some-path<\/span>\n<\/span><\/span>        # Remove the internal directive to allow URIs like this.<\/span>\n<\/span><\/span>        internal;\n<\/span><\/span>    }\n<\/span><\/span>\n<\/span><\/span>    # Static files rule-set.<\/span>\n<\/span><\/span>    location<\/span> ~ \\.(js|css|png|jpeg|jpg|gif|ico|swf|flv|pdf|zip)$<\/span> {\n<\/span><\/span>        # Set rules only if the file actually exists.<\/span>\n<\/span><\/span>        if<\/span> (-f $request_filename<\/span>) {\n<\/span><\/span>            # Set expiry date to 1 year in the future.<\/span>\n<\/span><\/span>            expires<\/span> 365d<\/span>;\n<\/span><\/span>\n<\/span><\/span>            # Further optimize by not logging access to these files.<\/span>\n<\/span><\/span>            access_log<\/span> off<\/span>; \n<\/span><\/span>        }\n<\/span><\/span>\n<\/span><\/span>        # Rewrite to app.php if the requested file does not exist.<\/span>\n<\/span><\/span>        try_files<\/span> $uri<\/span> @rewriteapp<\/span>;\n<\/span><\/span>    }\n<\/span><\/span>\n<\/span><\/span>    # Rewrite rule for PHP files.<\/span>\n<\/span><\/span>    location<\/span> @rewriteapp<\/span> {\n<\/span><\/span>        rewrite<\/span> ^(.*)$<\/span> \/app.php\/$1<\/span> last<\/span>;\n<\/span><\/span>    }\n<\/span><\/span>\n<\/span><\/span>    error_log<\/span> \/var\/log\/nginx\/example.com_error.log;\n<\/span><\/span>    access_log<\/span> \/var\/log\/nginx\/example.com_access.log;\n<\/span><\/span>}\n<\/span><\/span><\/code><\/div>Code language:<\/span> Nginx<\/span> (<\/span>nginx<\/span>)<\/span><\/small><\/pre>\n\n\n
That’s it. The thumbnails are now being properly generated on-the-fly, while the existing images are also using proper expiry headers. Let us know if this worked for you, or if you used a different approach. Happy coding!<\/p>\n","protected":false},"excerpt":{"rendered":"
A problem that we initially struggled with was getting Sylius to work properly on our Nginx + PHP-FPM + Ubuntu 14.04 web server. We started with a standard Symfony2 configuration file<\/a> plus some optimizations, but could not get any product thumbnails to work. Turns out that LiipImagineBundle is used to generate thumbnails on-the-fly, and this was interfering with our cache expiry rule-set, resulting in 404s for any image thumbnails that we tried to display.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/posts\/483"}],"collection":[{"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/comments?post=483"}],"version-history":[{"count":31,"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/posts\/483\/revisions"}],"predecessor-version":[{"id":3972,"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/posts\/483\/revisions\/3972"}],"wp:attachment":[{"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/media?parent=483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/categories?post=483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wecodepixels.com\/wp-json\/wp\/v2\/tags?post=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Recently we started using the increasingly popular Sylius<\/a> platform for one of our e-commerce projects. Sylius is based on Symfony2<\/a>, the leading PHP framework which we have worked with in the past<\/a>. Although we also use WooCommerce for smaller projects, Sylius provides a more modern and powerful solution that we believe is definitely better suited for more ambitious e-commerce projects.<\/p>\n