How to Install OpenCart on DigitalOcean with Ubuntu

I am writing this article specially for GUI lovers. Because Installing an OpenCart on DigitalOcean or VPS may be a tedious task for not-so tech savvy user. Most of us opt VPS for performance and pocket-friendly investment. Before opting VPS, most of us used shared hosting environment via cPanel. The cPanel makes most of the task very easy. But here, on DigitalOcean Droplet (VPS) there is no such tool. Instead, you need to buy it separately. However, everybody can not afford the cPanel license due to budget constraint. Then what to do now?

DigitalOcean gives access to their Droplet via SSH or Putty-like consoles. Personally, I am not so experienced to handle all things through the console or command interface. Then I googled for Graphical User Interface (GUI) which can bake an OpenCart in 2-3 clicks. In cPanel, Softaculous is a life-saving tool for app installation to maintenance.

I tried Installatron app installer too. But not succeed to install OpenCart on DigitalOcean Droplet. Then I used ServerPilot.io website. I’m already using ServerPilot.io for WordPress installation. But no idea whether it can create the environment for OpenCart. So, I did experiment with ServerPilot.io, surprisingly the result was positive. Now, I’m sharing with you. Hope it might helpful you too.

1. Create a Droplet on Digital Ocean

Ignore this step if you already created a droplet on DigitalOcean. Verify that the droplet must be LAMP or LEMP on Ubuntu 14 OS. For those who have to create a new droplet, follow steps.

  1. Log in / Sign up to DigitalOcean account
  2. Click on Create Droplet button
  3. Select One-Click Apps tab
  4. Select LAMP on 14.04 or LEMP on 14.04
  5. Choose desired size hardware (any size suitable)
  6. Choose a Datacenter region
  7. Set additional option (optional)
  8. Add your SSH Key (optional)
  9. Finalize number of droplets
  10. Give a preferred hostname
  11. Press Create Button
  12. Done..!

2. Create account on ServerPilot.io

  1. Sign up / Log in
  2. Click on Connect to Server button
  3. Fill the information and click on Connect to ServerPilot button, as shown in below screenshot
    ServerPilot-App
  4. Go to ServerPilot’s SERVERS section
  5. Select newly created server from list
  6. Press +Create App buttoncreate-app-serverpilot
  7. Fill the information with help of the following screenshotcreate-an-app-serverpilot
  8. Go to Apps section of ServerPilot. Verify your app in the list.

Once completing above steps, the next step will be downloading an FTP Client. These client helps to access server side file and directory structures via Graphical User Interface. Unlike Putty and other SSH Client, you don’t require any knowledge of command. Just follow simple steps. I know these all steps look very long but due to detail explanation they seem to be longer. In fact, they are very easy to follow and remember.

3. Creating Database via ServerPilot.io

OpenCart needs a valid database with a valid username. ServerPilot makes the job of creating database and database user very easy. databse-serverpilot

4. Downloading an FTP Client: Cyberduck

There are lots of FTP client available to download. FileZilla is one of them. We intentionally not described FileZilla as it unable to zip and unzip the archive file. Whereas, Cyberduck will easily do this. So, here we preferred the Cyberduck.

  1. Go to Cyberduck’s official website
  2. Download your preferred version
  3. Open Cyberduck application
  4. Click on Open Connection button, located upper left side corner
  5. Enter the SFTP credentials (see below screenshot). Remember to use the username and password sent via DigitalOcean for Droplet. Using username and password generated for ServerPilot may not work properly.cyberduck-bookmark
  6. Select an app folder (remember the app name created in ServerPilot)
  7. Go to public Folder
  8. Download desired OpenCart version from an official website.
  9. Upload the downloaded zip file into a public folder via Cyberduck. Alternatively, you can drag files and folder into Cyberduck or FileZilla for bulk upload.
  10. Make sure the permission for zip must be 644 (right click > info)
  11. Right click on zip file > Expand Archive 
  12. Click on Refresh button. The view will be as shown in below screenshotcyberduck-opencart
  13. Now go to opencart-2.2.x.x > upload
  14. Select all files from the upload directory by pressing Ctrl + A
  15. Edit menu > Cut
  16. Now come back to public folder by pressing back arrow button
  17. Delete (not cut) index.php file from public folder via right click on index.php > Delete
  18. Paste the previously copied files and directory into public folder via Edit > Paste
  19. Press Move to start moving process. It may take few seconds/minutes (about 1-5 minutes depends on server)cyberduck-move
  20. Rename config-dist.php to config.php located in public folder and public/admin folder (remember you have to rename two files)

5. Installing OpenCart on DigitalOcean via Browser

Now open your website in the browser (i.e. Firefox, Chrome, etc.). It will automatically divert you to http://example.com/install/index.php

opencart-installation

  1. Press Continue button
  2. Make everything configured correctly.opencart-installation
  3. Enter required information. See below screenshot. opencart-setup
  4. Done..! You have installed OpenCart successfully..! Opencart-installation-complete

6. Cleaning Installation Files

After completion of installation of OpenCart, you can access to your site. Your site may look as shown below.

Opencart on DigitalOcean

Now you need to delete installation files.

  1. Open Cyberduck and navigate to app’s public folder
  2. Delete following files as shown in the following screenshotto-be-delete-file-opencart
    1. Setup Zip file
    2. Extracted directory
    3. Install Folder
  3. Done..!

In this way, you can install OpenCart on DigitalOcean. Please share your doubts below comments, if any.