Introduction
CodeIgniter 4 is one of the popular web frameworks to help web developer to easily and quickly develop a working website. It comes with all the commonly used tools/classes for the web development, but may not contain all the essential classes. For example, CodeIgniter do not have built-in function to provide geolocation information which is one of the important features for a website. In this article, we will show you how to enable this geolocation feature by using the IP2Location PHP library in CodeIgniter 4.
Throughout this tutorial, you will learn how to
- Set up Apache in the server in a docker,
- Install and create a CodeIgniter 4 project
- Display geolocation information using IP2Location PHP library and IP2Location database.
Note: We will use Docker in this tutorial, if you haven’t installed Docker, please do so before proceeding.
How to install Apache in the server?
1) First, we need to pull the Docker image to the server. We will pull a latest Debian image in this tutorial. We are using Debian 11 in this tutorial. Use the following command to do so:
docker pull debian
2) Next, create a new Docker container with the name webserver1 and the interactive mode: sudo docker run --name webserver1 -p 80:80 -it debian /bin/bash
. The name “webserver1” can be changed to any name you like.
3) Please note that in the above command, we are binding the HTTP port 80 from host to the container. It is advisable to check for the available port number first before running the above command. You can read this article to get started.
4) We will need to install the Apache web server in the container, but let us update the package list to get the latest version first. Just run sudo apt-get update before doing anything.
5) After that, we can proceed to install the packages required. To install Apache, run the following command:
sudo apt-get install apache2 libapache2-mod-php
6) After the installation is done, we will then start the Apache service. Use the following command to start the service: /etc/init.d/apache2 start.
7) Now go to your browser and enter your server IP. If you saw a page similar to the screenshot, congratulations, you have successfully installed and setup Apache in the Docker container.
How to install CodeIgniter 4 in the server?
1) CodeIgniter recommends that users use Composer to install and upgrade the CodeIgniter project(s). So, we need to install Composer in the server first. In the same container, run this command sudo apt-get install composer to install Composer.
Note: The PHP will be installed as well if you haven’t installed it before.
2) The CodeIgniter 4 requires certain PHP extensions to be installed. Run the following commands to install those extensions: apt-get install php7.4-curl php7.4-intl php7.4-dom
3) After that, change the path to /var/www/ and run this command composer create-project codeigniter4/appstarter project1 to create a new CodeIgniter4 project.
Note that the new folder name can only contain alphanumeric and symbols /, `, ., :, ` and space._
4) After the creation process is done, you can go to the browser to test the website. But before that, you will need to configure in the Apache so that the Apache will load the correct directory. Open the configuration file called 000-default.conf by using the command nano /etc/apache2/sites-enabled/000-default.conf.
Note: If you have a purchased domain and would like to use it for this new website, you can also configure in Apache. You can refer to this article to get started.
5) Go to the line “DocumentRoot /var/www/html”, and change the path to “/var/www/project1/public”. After that, save the changes and close the file. Restart the Apache service to register the changes.
6) We will also need to change the ownership of the cache folder. We can do it with this command:
chown www-data:www-data /var/www/project1/writable/cache/.
7）After that you can visit the website in your browser. If you see the page similar to the screenshot, you have done the basic configuration for CodeIgniter 4.
How to display geolocation information in the default Welcome page?
1) Before getting started, register for a free account in IP2Location Lite, and download the DB11 Lite database. After extracting the zipped file downloaded, create a new directory under the project name ‘data’, and move the BIN file to the directory.
Note: You can also purchase commercial databases from IP2Location to get started.
2) We will need to install IP2Location PHP library first before continuing, so go to the console, change the path to the project root directory and use the following command to install the library:
composer require ip2location/ip2location-php
3) The default Welcome page content is located at /app/Views/welcome_message.php. We will edit this file to add the code for displaying the geolocation information. So first open the file with any text editor you like.
4) Go to the line after “…Welcome to CodeIgniter…”, and add the following code:
<?php
$db = new \IP2Location\Database(dirname(getcwd(),1).'\data\IP2LOCATION-LITE-DB11.BIN', \IP2Location\Database::FILE_IO);
$records = $db->lookup('8.8.8.8', \IP2Location\Database::ALL);
echo 'Below are the geolocation information from IP2Location Library.<br>';
echo 'IP Address : ' . $records['ipAddress'] . "<br>";
echo 'Country Code : ' . $records['countryCode'] . "<br>";
echo 'Country Name : ' . $records['countryName'] . "<br>";
echo 'Region Name : ' . $records['regionName'] . "<br>";
echo 'City Name : ' . $records['cityName'] . "<br>";
echo 'Latitude : ' . $records['latitude'] . "<br>";
echo 'Longitude : ' . $records['longitude'] . "<br>";
echo 'Time Zone : ' . $records['timeZone'] . "<br>";
echo 'ZIP Code : ' . $records['zipCode'] . "<br>";
?>
5) Save the file before exiting. You should be able to see the similar content in the below screenshot.
Conclusion
At the end of this tutorial, you would have gone through the process from installing the Apache, and CodeIgniter as well as modifying CodeIgniter to display the geolocation information. The geolocation information can help to identify the visitor, and also be used to serve a region-restricted content to your visitor. This can build an unique user experience for your visitor.
Top comments (0)