{"id":280,"date":"2013-06-14T19:09:17","date_gmt":"2013-06-14T19:09:17","guid":{"rendered":"http:\/\/blog.shineservers.com\/?p=280"},"modified":"2013-06-14T19:09:17","modified_gmt":"2013-06-14T19:09:17","slug":"how-to-configure-nginx-as-a-front-end-proxy-for-apache-on-ubuntu","status":"publish","type":"post","link":"https:\/\/www.shineservers.com\/2013\/06\/14\/how-to-configure-nginx-as-a-front-end-proxy-for-apache-on-ubuntu\/","title":{"rendered":"How to Configure Nginx as a Front End Proxy for Apache On Ubuntu"},"content":{"rendered":"

Both nginx and apache are powerful and effective servers. Apache currently reigns as the #1 server for websites and since its public release in 2006, nginx has taken the world by storm and is now the #2 server for active sites. The reasons for each respective server\u2019s popularity are clear: apache\u2019s power and nginx\u2019s speed are well known. However, both servers do have drawbacks\u2014apache is hard on server memory, while nginx (great at static files) needs the help of php-fpm or similar modules for dynamic content.<\/p>\n

However, one can combine the two web servers to great effect, with nginx as static web server front and apache processing the back end.<\/p>\n

Install Nginx<\/span><\/p>\n

To start off, we need to install and configure nginx which will serve the front end of our site.<\/p>\n

Let\u2019s download it from apt-get:<\/p>\n

\n
Code:<\/div>\n
sudo apt-get install nginx<\/pre>\n<\/div>\n\n\n\n
\"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 1079×71.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\"\"<\/p>\n\n\n\n
\"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 743×210.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\"\"<\/p>\n
Once it has downloaded, you can go ahead and configure the virtual host to run on the front end.<\/p>\n
There are a few changes we need to make in the configuration.<\/p>\n
Configure nginx<\/span><\/p>\n
Open up the nginx configuration.<\/p>\n
Install Nano :-<\/b><\/p>\n
\n
Code:<\/div>\n
sudo apt-get install nano<\/pre>\n<\/div>\n\n\n\n
\"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 1015×342.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\"\"<\/p>\n
\n
Code:<\/div>\n
sudo nano \/etc\/nginx\/sites-available\/example<\/pre>\n<\/div>\n\n\n\n
\"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 984×22.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\"\"<\/p>\n\n\n\n
\"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 893×679.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\"\"<\/p>\n
The following configuration will set you up to use nginx as the front end server. It is very similar to the default set up, and the details are under the configuration.<\/p>\n
\n
Code:<\/div>\n
server {\n        listen   80; \n\n        root \/var\/www\/; \n        index index.php index.html index.htm;\n\n        server_name example.com; \n\n        location \/ {\n        try_files $uri $uri\/ \/index.php;\n        }\n\n        location ~ \\.php$ {\n\n        proxy_set_header X-Real-IP  $remote_addr;\n        proxy_set_header X-Forwarded-For $remote_addr;\n        proxy_set_header Host $host;\n        proxy_pass http:\/\/127.0.0.1:8080;\n\n         }\n\n         location ~ \/\\.ht {\n                deny all;\n        }\n}<\/pre>\n<\/div>\n
The following changes were implemented in the configuration:<\/p>\n
    \n
  • The root was set to the correct web directory<\/li>\n
  • index.php was added on the index line<\/li>\n
  • try_files attempts to serve whatever page the visitor requests. If nginx is unable, then the file is passed to the proxy<\/li>\n
  • proxy_pass lets nginx the address of the proxied server<\/li>\n
  • Finally the “location ~ \/\\.ht {” location block denies access to .htaccess files, if Apache’s document root concurs with nginx’s one<\/li>\n<\/ul>\n
    This configuration sets up a system where all extensions with a php ending are rerouted to the apache backend which will run on port 8080.<\/p>\n
    Activate the virtual host.<\/p>\n
    \n
    Code:<\/div>\n
    sudo ln -s \/etc\/nginx\/sites-available\/example \/etc\/nginx\/sites-enabled\/example<\/pre>\n<\/div>\n
    Additionally, delete the default nginx server block.<\/p>\n
    \n
    Code:<\/div>\n
    sudo rm \/etc\/nginx\/sites-enabled\/default<\/pre>\n<\/div>\n\n\n\n
    \"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 837×102.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \"\"<\/p>\n
    The next step is to install and configure apache.<\/p>\n
    Install Apache<\/span>
    \nWith nginx taken care of, it\u2019s time to install our backend, apache.<\/p>\n
    \n
    Code:<\/div>\n
    sudo apt-get install apache2<\/pre>\n<\/div>\n\n\n\n
    \"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 785×54.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \"\"<\/p>\n
    Since nginx is still not turned on, Apache will start running on port 80.<\/p>\n
    Configure Apache<\/span>
    \nWe need to configure apache to take over the backend, which as we told nginx, will be running on port 8080. Open up the apache ports file to start setting apache on the correct port:<\/p>\n
    \n
    Code:<\/div>\n
    sudo nano \/etc\/apache2\/ports.conf<\/pre>\n<\/div>\n\n\n\n
    \"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 852×504.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \"\"<\/p>\n
    Find and change the following lines to have apache running on port 8080, accessible only from the localhost:<\/p>\n
    \n
    Code:<\/div>\n
    NameVirtualHost 127.0.0.1:8080\nListen 127.0.0.1:8080<\/pre>\n<\/div>\n
    Save and Exit.<\/p>\n
    Subsequently, open up a new virtual host file, copying the layout from the default apache file:<\/p>\n
    \n
    Code:<\/div>\n
    sudo cp \/etc\/apache2\/sites-available\/default \/etc\/apache2\/sites-available\/example<\/pre>\n<\/div>\n
    \n
    Code:<\/div>\n
    sudo nano \/etc\/apache2\/sites-available\/example<\/pre>\n<\/div>\n
    The main issue that needs to be addressed here is that the virtual host needs to be, once again, running on port 8080 (instead of the default 80 given to nginx).<\/p>\n
    The line should look like this:<\/p>\n
    \n
    Code:<\/div>\n
    <VirtualHost 127.0.0.1:8080><\/pre>\n<\/div>\n
    Make sure your Document Root is correct. Save and exit the file and activate that virtual host:<\/p>\n
    \n
    Code:<\/div>\n
    sudo a2ensite example<\/pre>\n<\/div>\n\n\n\n
    \"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 922×188.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \"\"<\/p>\n
    Before we start testing anything out, we need to equip apache with php. Go ahead and install it now:<\/p>\n
    \n
    Code:<\/div>\n
     sudo apt-get install php5<\/pre>\n<\/div>\n
    Restart both servers to make the changes effective:<\/p>\n
    \n
    Code:<\/div>\n
    sudo service apache2 restart<\/pre>\n<\/div>\n
    \n
    Code:<\/div>\n
    sudo service nginx restart<\/pre>\n<\/div>\n\n\n\n
    \"\"<\/td>\nThis image has been resized. Click this bar to view the full image. The original image is sized 705×100.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \"\"<\/p>\n
    Finish Up<\/span>
    \nWe have set up the VPS with nginx running on the front end of our site and apache processing php on the back end. Loading our domain will take us to our site\u2019s default page.<\/p>\n
    We can check that information is being routed to apache is working by running a common php script.<\/p>\n
    Go ahead and create the php.info file:<\/p>\n
    \n
    Code:<\/div>\n
    sudo nano \/var\/www\/info.php<\/pre>\n<\/div>\n
    Paste the following lines into that file:<\/p>\n
    \n
    PHP Code:<\/div>\n
    <\/code><?
    \nphpinfo(\u00a0);
    \n?><\/code><\/div>\n<\/div>\n
    Save and exit.<\/p>\n
    Visiting your domain\/info.php should show you php info screen, and you\u2019ll be able to see that this was handled by apache.<\/p>\n
    \"\"<\/p>\n
    Finally, you can see which ports are open and which application is on each one by typing in this command.<\/p>\n
    \n
    Code:<\/div>\n
    sudo netstat -plunt<\/pre>\n<\/div>\n
    That’s all ! Let me know if anyone is facing any issues while installing the above codes .<\/p>\n","protected":false},"excerpt":{"rendered":"
    Both nginx and apache are powerful and effective servers. Apache currently reigns as the #1 server for websites and since its public release in 2006, nginx has taken the world by storm and is now the #2 server for active sites. The reasons for each respective server\u2019s popularity are clear: apache\u2019s power and nginx\u2019s speed […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[60],"tags":[127],"class_list":["post-280","post","type-post","status-publish","format-standard","hentry","category-linux","tag-configure-nginx-as-reverse-proxy-ubuntu"],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/posts\/280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/comments?post=280"}],"version-history":[{"count":0,"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/posts\/280\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/media?parent=280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/categories?post=280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shineservers.com\/wp-json\/wp\/v2\/tags?post=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}