How to host OpenCart on Contabo VM Instance - ServerAvatar

OpenCart is a popular open-source e-commerce platform designed to create and manage online stores. It allows businesses to create and manage online stores efficiently, offering features for product catalog management, order processing, and customer interaction. OpenCart supports a wide range of extensions and themes, allowing for easy customization and scalability. When choosing a hosting platform for OpenCart, opting for Contabo ensures reliability with its scalable infrastructure and straightforward deployment options. ServerAvatar makes the deployment of the OpenCart application on the Contabo platform an easy step-by-step process.

Create VM Instance in Contabo

What Is Contabo?

Contabo is a web hosting company that provides a variety of internet hosting services. Founded in Germany in 2003, Contabo offers services such as:

1. VPS Hosting: Virtual Private Servers with scalable resources for various needs, from small projects to larger applications.
2. Dedicated Servers: Physical servers dedicated to a single user, offering high performance and control.
3. Web Hosting: Shared hosting solutions for websites, which include storage, bandwidth, and various management tools.
4. Object Storage: Scalable storage solutions for managing large amounts of data.
5. Domain Registration: Services for registering and managing domain names.

Contabo is known for its competitive pricing, high-performance hardware, and customer service, making it a popular choice for both individual users and businesses looking for reliable hosting solutions.

To set up a server in Contabo, begin by logging into your Contabo account. Once logged in, proceed with the following steps.

Step 1: Create an account on Contabo

Login to your Contabo account, select "VPS" from the dropdown menu, and then click on "Cloud VPS".

Step 2: Select your Cloud VPS plan

Contabo offers a variety of Cloud VPS options. The minimum requirements are 1GB or more of RAM for better performance and 1GB or more of disk space based on the size of the store, product images, and logs. The exact amount will depend on your usage and data storage needs.

Here, you should select the plan that best meets your requirements as shown in the below image.

Step 3: Select Region

• First, you need to select the term length (in months) according to your requirements.
• Next, you will need to select the location for your VPS. Contabo offers multiple options for selecting the location.
• It's recommended to select the region closest to your audience. This ensures that your sites load faster for the majority of your audience due to reduced latency.

Step 4: Select your Storage Type

Contabo provides different types of storage space, including both complimentary and paid options. Here, you should select the storage type based on your specific requirements. As shown in the image below.

Step 5: Select an Image or an OS

In this step, you need to select the Operating System for your cloud VPS. We recommend using Ubuntu 20.04 LTS x64 or Ubuntu 22.04 LTS x64. Ubuntu is known for its ease of configuration and management. If you are using ServerAvatar to manage your cloud VPS, these operating systems are recommended.

Step 6: Setting a Password

Here, it's recommended to create a strong password for your root user, as it holds all privileges on the Linux OS.

Step 7: Select Object Storage

Now, you need to select object storage space for backing up your VPS. You will find several options ranging from 250 GB to 1 TB. If you do not require object storage you can select the None option from the dropdown.

Step 8: Select Network

• In the Network section, you will find three options, You should select these according to your specific requirements:
  • Private Network
  • Bandwidth
  • IPv4

Step 9: Selecting Additional Options

• Backup Space: This option allows you to add additional storage space dedicated specifically for backups of your VPS data.
• Server Management: Contabo offers server management services where they handle the day-to-day operations of your VPS.
• Monitoring: This option provides monitoring services for your VPS. It includes monitoring server uptime, resource usage (CPU, RAM, disk), and network connectivity.
• SSL: SSL (Secure Sockets Layer) certificates are crucial for securing communication between your website and its visitors.

After completing all the necessary steps, click on the "Next" button to proceed to the payment method where you can finalize your details.

Step 10: Finalize Details

In this step, you can review all your selections for your Cloud VPS, finalize your details, and proceed with the payment. In a few minutes, your Cloud VPS will be ready. Now, we need to perform the initial configuration to host PHP-based frameworks and software.

Initial Server Configuration

The Initial server configuration includes the installation and configuration of various packages required to host your website. Usually, You have to write commands and modify configuration files. Luckily, With ServerAvatar, Your full server configuration and optimization can be automated.

Here are the three ways to automatically configure your server with ServerAvatar.

wget https://srvr.so/install
chmod +x install
./install

Install and Setup OpenCart on Cloud using ServerAvatar

Step1: Create Opencart Database

The Opencart installation process requires database Credentials. So, to create a MySQL database for Opencart, Access the Database tab on the ServerAvatar server panel to create a Database.

To create a Database, Enter the details, such as the Database Name, in the database creation form like the image below.

Database successfully created.

Steps 2: Create a PHP Application

Access the Applications tab from the server panel to create a new PHP application for Opencart.

Now fill up the required details in the application form, as seen in the image below.

Note that:

If you want to host Opencart on your domain, then make sure to point your domain to the current IP address of your server, and for that:

1. Log in to your domain provider site, where you buy your domain. Click here for more info about your domain name.
2. Access DNS Manager to edit your DNS records (contact the support team if you don’t find them)
3. Change the IP address of A Record of your website to the > current server’s IP address.

To host Opencart on your subdomain, for example, Opencart.yourdomain.com, create a new application with the subdomain as your primary domain and follow the same procedure. For accessing Opencart on the subdomain, you need to add your subdomain on A Record that points to the current IP address of your server. To point to an IPV6 address, you would need to use an AAAA record.

Click on Next Step.

Now, choose the method and service provider: Git and GitHub (follow as per the snapshot).

Continue the process by entering the necessary information as provided below:
Repository Type: Public
Clone HTTPS URL: https://github.com/opencart/opencart.git
Branch: master
Deployment script: (keep this Script box empty)

Proceed by clicking the "Next Step".

You can either create a new System User or select an existing one.

Next, choose PHP version 8.0 or above. We're specifically seeking "index.php" or "index.html" within the custom setup. It is available in the upload directory of Opencart. So, our custom webroot is upload.

Custom Webroot: upload

Proceed to the next steps and ensure your details and requirements are accurately entered.

After confirming, click on Create Application to initiate the application creation process.

Step 3: Rename a file

On the file manager, go to the upload folder and check the Show Hidden Files box and rename the .htaccess.txt file to .htaccess.

Follow Snapshot to rename files.

Similarly rename,

1. config-dist.php to config.php at same directory path (public_html -> upload).
2. config-dist.php to config.php at directory path (public_html -> upload -> admin).

Note: - To rename a file follow the same procedure as visualized in the snapshot. Check the directory path of the file.

Step 4: Change file permissions

Select both config.php files one by one and click the Change Permission button. To access config.php follow the same directory path used in step 3.

Follow the given snapshot to change the file permission for both files.

Change the permission to 755, like the following image.

Successfully change the permission.

Step 5: Code Modification

To configure OpenCart, you may need to make some code modifications. Follow the provided directory path to open the file and make the necessary code changes.

To modify, Open: upload/system/storage/vendor/twig/twig/src/Loader/FilesystemLoader.php

On line 90, replace

$checkPath = $this->isAbsolutePath($path) ? $path : $this->rootPath.$path;

With

$checkPath = $this->rootPath.$path;

Follow the Snapshot Procedure to modify code.

Save the changes(ctrl + s).

Successfully deploy Opencart on the server through the ServerAvatar.

Step 6: Install and setup Opencart

Now access the site URL from the Application panel to install and set up Opencart.

Click on Continue.

Configuration

We have already created a database for Opencart in step 1. To establish a connection between the database and the application, enter the database credential we have already made. You can access all your database credentials, like database name, username, and password, by accessing the database tab from the server panel.

1. Enter the following database credential we have already created in ServerAvatar:
   DB Driver: MySQLi
   Hostname: localhost
   Username: Username of database
   Password: Database password
   Database Name: Database name
   Prefix: Change the database table prefix as you want

2. To create administrator enter the following details:
   Username: any username
   Password: your password
   Email: your email

Note:- Please remember the credentials you entered above for logging into Opencart.

Click Continue.

Login as admin with admin username and password on the next page to access the admin panel.

Successfully install and setup Opencart on the server through the ServerAvatar.

Step 7: Secure OpenCart admin panel

Follow the Security Notification popup to the admin panel. It points-
• To delete the installation directory after accessing the store admin panel.
• To move the storage directory outside of the web directory(e.g. public_html).
• To rename the admin directory to your choice.
That’s it. Use the power of an open-source tool flexibly to make an impressive e-Commerce store.
Check OpenCart documentation for more information related to installation and functionalities.

Thank you for choosing ServerAvatar! We warmly welcome you to our vibrant community of ServerAvatar.