How to host Bagisto on Hetzner VM Instance - ServerAvatar

Published : Sep 2, 2024

Share This Post

cloud-platform

Hetzner

Hetzner provides a range of services like dedicated hosting, virtual private servers, colocation services, and domain registration. Hetzner is known for having reliable systems and competitive prices in web hosting.

Get started with Hetzner
application

Bagisto

Bagisto is an eCommerce ecosystem designed for all to build and scale your business. It's a free and open source eCommerce framework which offers you a wide range of functionality and lets you have total control of your store. Built on top of Laravel stack, it is coupled with easy product information management and fast time to market the product. Besides, the framework is very flexible and easy to use even for non-tech savvies.

More info

Bagisto is an open-source e-commerce platform known for its comprehensive features and flexibility. It enables businesses to efficiently create and manage online stores, providing tools for product management, order processing, and customer interaction. With a variety of extensions and customizable features, Bagisto supports customized e-commerce solutions without the need for extensive technical expertise. Hetzner is recognized for its dependable infrastructure scalability and user-friendly deployment options. ServerAvatar simplifies the deployment process of the Bagisto application on Hetzner VPS with easy-to-follow steps.

Create a Server in Hetzner

Getting Started with Hetzner:

Hetzner provides a range of services like dedicated hosting, virtual private servers, colocation services, and domain registration. Hetzner is known for having reliable systems and competitive prices in web hosting. Its services work well for both individual users and businesses that need strong hosting options.

Step 1: Login to Hetzner Cloud Console

  • Go to the Hetzner Cloud website and sign in using your credentials.

Step 2: Create a New Project (Optional)

  • If you don't have an existing project, create a new one by clicking on the New Project button.

Create a Server in Hetzner

  • Enter a name for your project and click Add Project.

Create a Server in Hetzner

Step 3: Select a Project

  • Select the project in which you wish to create your server.

Create a Server in Hetzner

Step 4: Create a New Hetzner Cloud Server

  • Navigate to the Servers sub-menu and click on Add Server to begin creating your server.

Create a Server in Hetzner

Step 5: Configure your server

  1. Select a Location: Select the data center location where you want to deploy your server. Choose the region that is closest to your target audience for better performance. Create a Server in Hetzner
  2. Select an Image: Generally, the Bagisto application requires Ubuntu 20.04 LTS or a later version for compatibility and support. ServerAvatar supports both Ubuntu 20.04 and Ubuntu 22.04. Therefore, choose one of these supported operating systems. Create a Server in Hetzner
  3. Select a Server Type: Hetzner provides various plans with different configurations of CPU, RAM, and storage. Select the server type based on your requirements. Create a Server in Hetzner
  4. Select Networking: Select from three networking options for your server. Private networks allow you to securely connect servers within the same data center without going over the public internet. Create a Server in Hetzner
  5. SSH Key or Root Password: Select an SSH Key if you want to authenticate with an SSH key. This method is recommended over using a root password for enhanced security. If you choose SSH key authentication, Hetzner will disable password-based authentication by default. Otherwise, you will receive the root password via email. Create a Server in Hetzner
  6. Add a Firewall Rule: Configure firewall rules to control incoming and outgoing traffic based on IP addresses, ports, and protocols for improved security. Create a Server in Hetzner
  7. Additional Options (Optional): Configure additional options such as Backups, Placement Groups, Volumes, Labels, and Cloud Config as per your Requirements.
  8. Give a Server Name: Enter a server name for easy identification. Create a Server in Hetzner
  9. Finalize and Create: Review your configuration settings to ensure that everything is configured correctly. Click on the Create & Buy Now button.9. Finalize and Create: Review your configuration settings to ensure that everything is configured correctly. Click on the Create & Buy Now button. Create a Server in Hetzner

Step 6: Access Your Server

  • Once the server is deployed, it will appear on your Hetzner Cloud dashboard. Use the provided IP address and SSH key (if configured) to access your server via SSH. Now, You can connect your Server with ServerAvatar for Server management.

Create a Server in Hetzner

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.

Install and Setup Bagisto on Cloud using ServerAvatar

Step1: Create Bagisto Database

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

image

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

image

Step 2: Create a PHP Application

Access the Applications tab from the server panel to create a new PHP application for Bagisto. Now, create an application, click on the Applications tab, then click the Create button on the server panel.

image

To create an application and proceed with the installation and deployment of Bagisto. You need to fill the prerequisite for Bagisto.

Enter an application name of your choice. Afterward, input the domain name where you'd like to direct your URL. You have the choice between a test domain or a primary domain. If you decide on the test domain, you can use ".serveravatar" as a test domain extension. This flexibility ensures you can make the perfect selection for your project.

image

Note that:

If you want to host Bagisto 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 Bagisto on your subdomain, for example, Bagisto.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.

Now, you will clone Bagisto through the available repository in GitHub. so:
Select a method: Git
Select a Service Provider: GitHub
Select a Repository Type: Public
Clone HTTPS URL: https://github.com/bagisto/bagisto.git
Branch: master

image

Let's take the next step in creating your application. Now, you need to set up deployment scripts. These are the manually entered commands that will run automatically after the clone repository.

Installing Bagisto does not require running any manual scripts or commands in the deployment process. Therefore, you can simply leave this part blank.

Deployment Scripts: (Leave it blank)

To proceed further, select checkbox labelled "Show Advanced Options" You'll find this checkbox right below the deployment scripts section.

The next step is to create a system user for your application. You have the option to either select an existing user or create a new one dedicated to this application.

Now, let's select the PHP version. Choose PHP version 7.4 or a newer version if available. Regarding the custom webroot for Bagisto, it should be set to "public" as illustrated in the provided snapshot. We are specifically looking for either an "index.php" or "index.html" file within this custom setup.

Select PHP Version: PHP version 7.4 or higher
Custom Webroot: public

image

With all these settings in place, go ahead and click on the "Create Application" button to complete the procedure.

Congratulations! You've successfully created your application.

Step 3: Config Database with Application

In this step, we're connecting the database we created in Step 1 with the application from Step 2. To configure the database, we need to edit the environment (env) file.

To edit the env file, you can access the public_html directory from your file manager or navigate through the directory path. Once you're there, make sure to select the checkbox for showing hidden files.

Now, within this directory, you'll find a file named ".env.example". To rename it, follow the procedure shown in the snapshot. Simply rename ".env.example" to ".env" This step is crucial for configuring the database properly.

image

After renaming the file to ".env," proceed to open it. Inside, you'll need to enter the database credentials that were created 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.

Enter the following database credential we have already created in ServerAvatar:
Database Name: Database name Username: Username of database
Password: Database password

image

Don't forget to save the changes you've made to the ".env" file.

To establish a connection, access the SSH credentials from the application panel dashboard. Ensure that the SFTP/SSH Credentials option is enabled, as illustrated in the provided snapshot.

image

Execute the below command to log in to the root user on your application in your terminal.

SSH Username@Host

Replace Username and Host with your value. Enter the SSH Password to log in.

Go to the Public_html directory ( by using command ls and cd )and run the below commands.

Composer install;
php artisan bagisto:install;

Once you've executed all of these commands, you will have successfully configured both the database and the application.

You can access it by visiting the http://yourdomain.com/admin in your web browser.

image

To log in to Bagisto, use the following credentials:
Email: admin@example.com Password: admin123

image

Congratulations! You have successfully installed and deployed Bagisto through ServerAvatar.