Using Joomla to Build a Content Management System

Application Scenario

Joomla is a website content management system (CMS) for enterprise websites and e-commerce. It is one of the world's three most popular open source CMSs. The Joomla application image uses the Ubuntu 22.04 and is deployed using Docker. The Joomla application and the required operating environment have been preconfigured. This section describes how to use Joomla to build a CMS.

Resource Planning and Costs

Process

Step 1: Purchase FlexusL Instances

1. Log in to the FlexusLconsole and click Buy FlexusL.
2. Specify required parameters for the FlexusL instance.
   

   Parameter	Example	Description
   Region	CN-Hong Kong	For low network latency and quick resource access, select the region nearest to your target users. After a FlexusL instance is created, the region cannot be changed. Exercise caution when selecting a region.
   Application Image	Joomla	Select the Joomla application image.
   Instance Specifications	2 vCPUs | 2 GiB | System disk 60 GiB	Select instance specifications as needed.
   Instance Name	Joomla-Example	Customize an instance name that is easy to identify, for example, Joomla-Example.
   (Optional) Associated Service	Data Disk: 10 GiB Host Security Cloud Backup Vault: 70 GiB	You can bundle any of EVS, HSS (basic edition), and CBR to your FlexusL instances as needed and set specifications as needed.
   Required Duration	1 month	The minimum duration of a purchase is one month and the maximum duration is three years. Auto-renew is enabled by default, which means the purchased FlexusL instances will be automatically renewed before they expire. If you do not enable auto-renew during the purchase process, you can still enable it later after the instances are created. For more information about auto-renewal rules, see Auto-Renewal Rules.
   Quantity	1	Set the number of FlexusL instances to be purchased.

3. Click Buy Now and complete the payment as prompted.
4. Go back to the FlexusL console and view the purchased FlexusL instance.

Step 2: Configure Security Groups

Add inbound security group rules to allow traffic from ports 80, 443, 9000, and 9001 to access the application.

1. Log in to the FlexusL console and click a resource card to go to the instance details page.
2. In the navigation pane on the left, choose Cloud Servers. Locate the server and click its name.

   

3. On the Security Groups tab, click Add Rule. In the displayed dialog box, add rules displayed in the following figure and click OK.

   The following figure only displays common rules. You can add more rules as needed.

   

   Table 1 Security group rules

   Priority	Action	Type	Protocol & Port	Source	Description
   1	Allow	IPv4	TCP: 80	0.0.0.0/0	Specifies the internal forwarding port of an application.
   1	Allow	IPv4	TCP: 443	0.0.0.0/0	Allows HTTPS traffic to FlexusL instances.
   1	Allow	IPv4	TCP: 9000	0.0.0.0/0	Allows external access to the application O&M page.
   1	Allow	IPv4	TCP: 9001	0.0.0.0/0	Allows external access to the application dashboard.

Step 3: Reset a Password

A FlexusL instance does not have an initial password. After creating a FlexusL instance, set a password for the FlexusL instance. The password of the FlexusL instance is also used for logging in to the O&M page of the application.

1. In the Image area on the Overview page of the FlexusL console, click Access to go to the application dashboard and check whether the application has been up and running. If yes, go to the next step.
   NOTICE:

   Wait for several minutes until the image with the pre-installed application is up and running. Then, you can perform operations such as restarting or stopping the instance, or resetting the password. Otherwise, the initial password may become invalid and you cannot log in to the application dashboard.

   Figure 1 Entry to the application dashboard
   

   After the application is started, the initialization wizard page of the dashboard is displayed, as shown in Figure 2.

   Figure 2 Initialization wizard page of the Joomla dashboard
   
   NOTE:

   If the dashboard is not properly displayed, check the following causes:

   • The port for accessing the dashboard is not allowed. Check whether the port is allowed based on Step 2: Configure Security Groups.
   • The dashboard is being started. Try again later.
2. Locate the resource card and choose > Reset Password to reset the password.

   For details, see Resetting the Password for a FlexusL Instance.

   Figure 3 Resetting a password
   
   NOTE:

   The password for logging in to the FlexusL instance is also the password for logging in to the O&M page of the application.

Step 4: Initialize Joomla

Application images use code-based Ubuntu. They provide graphical user interfaces to make your operations easier. You need to initialize the application dashboard upon the first login. Then you can directly log in to the dashboard from the FlexusL console afterwards.

1. In the address bar of a local browser, enter http://<Server-EIP>:9000 to log in to the application O&M page.

   The initial username and password for logging in to the application dashboard are stored on the O&M page of the application. You need to log in to the O&M page first to obtain the username and password. The username for logging in to the O&M page is root, and the login password is the password reset in 2.

   NOTE:

   For details about the FlexusL instances, O&M page, and dashboard, see What Is the Relationship Among FlexusL Instances, the Dashboard, and the O&M Page?

2. On the My Apps page, click the application icon, choose Access, and click Initial Account to view the username and password for logging in to the application management page.

   The initial password is a randomly generated strong password. After the application is initialized, change the password on the dashboard for easy management. If the password is changed, the initial password will be invalid. Remember the new password.

   

3. In the Image area on the Overview page of the FlexusL console, click Access to go to the application dashboard.
   Figure 4 Entry to the application dashboard
   
   NOTE:

   If the dashboard is not properly displayed, check the following causes:

   • The port for accessing the dashboard is not allowed. Check whether the port is allowed based on Step 2: Configure Security Groups.
   • The dashboard is being started. Try again later.
4. Enter the dashboard username and password obtained in 2 and click Log in.
   Figure 5 Initialization wizard page of the Joomla dashboard
   
   NOTE:

   If a message is displayed indicating that the username or password you entered is invalid when you attempt to log in to the application dashboard, refer to Why Can't I Access the Dashboard of the Application Pre-installed in the Application Image After Entering the Initial Username and Password?

5. Check the application dashboard and preview the page of Joomla CMS.
   • After logging in to the dashboard, information similar to the following is displayed.

     

   • Enter http://<Server-EIP>:9001 in the address bar of the local browser to preview the page of Joomla CMS.

     The initialized application page is blank.

     

After the Joomla application is initialized, you can deploy your applications on the dashboard.

Step 4: Build a CMS

This step uses how to install a website template and publish an article as an example to build a CMS with Joomla.

1. Install a blog template for the website.
   1. On the default home dashboard of the management page, select Blog Sample Data in Sample Data and click Install to install the blog template.

      

   2. In an address bar of a local browser, enter http://<Server-EIP>:9001 to access the blog page.

      The website content has been templated.

      

2. Publish an article on the website.
   1. Choose Content > Articles in the navigation pane of the management page and click New to create an article.

      

   2. Edit the article title and content in Title and Content, set the following parameters, and click Save.

      Categorize articles in Category, for example, Blog. You can also set the access permissions and tags of the article.

      

   3. Click Blog on the blog page. Then you can view the article published on the website.