What you will make
Learn to set up a LAMP (Linux, Apache, MySQL, PHP) stack on your Raspberry Pi and configure it to work as a web server. You’ll download and install WordPress and set up a basic website which you can access on any device on the same network as your Pi.
What you will learn
By following this resource and setting up a web server and WordPress website you will learn how to:
- Install software on your Raspberry Pi
- Install and configure Apache, PHP, and MySQL to create a LAMP web server
- Download WordPress and run it as a local website on your Raspberry Pi
- Configure WordPress and make your website accessible to other devices on your local network
What you will need
- A Raspberry Pi computer connected to the internet
- An up to date install of the Raspberry Pi OS
Set up an Apache web server
Apache is a popular web server application you can install on the Raspberry Pi to allow it to serve web pages.
On its own, Apache can serve HTML files over HTTP. With additional modules it can serve dynamic web pages using scripting languages such as PHP.
- Open a terminal window by selecting Accessories > Terminal from the menu.
- Install the
apache2package by typing the following command into the terminal and pressing Enter:
sudo apt-get install apache2 -y
Test the web server
By default, Apache puts a test HTML file in the web folder that you will be able to view from your Pi or another computer on your network.
Open the Apache default web page on your Raspberry Pi:
- Open Chromium by selecting Internet > Chromium Web Browser from the menu.
- Enter the address
You should see this in your browser window:
This means you have Apache working!
You will also be able to open this web page from any other computer on your network using the IP address of your Raspberry Pi, e.g.
To find out your Raspberry Pi’s IP address, type
hostname -I into the terminal window. Your Raspberry Pi’s IP address is a really useful and will allow you to remotely access it.
Changing the default web page
This default web page is just a HTML file on the file system. It is located at
- Navigate to this directory in the terminal and have a look at what’s inside:
cd /var/www/html ls -al
You should see this in the window:
total 12 drwxr-xr-x 2 root root 4096 Jan 8 01:29 . drwxr-xr-x 3 root root 4096 Jan 8 01:28 .. -rw-r--r-- 1 root root 177 Jan 8 01:29 index.html
This shows that there is one file in
. refers to the directory itself
.. refers to the parent directory
What the columns mean
- The permissions of the file or directory
- The number of files in the directory (or
1if it’s a file).
- The user that owns the file or directory
- The group that owns the file or directory
- The size of the file or directory
- The date and time of the last modification
As you can see, the
html directory and
index.html file are both owned by the
root user, so you’ll need to use
sudo to edit them.
You can edit this file using mousepad:
sudo mousepad index.html
If you make a change to the file, save it, and refresh the browser, you will see your change appear.
PHP is a preprocessor: it’s code that runs when the server receives a request for a web page via a web browser. It works out what needs to be shown on the page, and then sends that page to the browser. Unlike static HTML, PHP can show different content under different circumstances. Other languages are also capable of doing this, but since WordPress is written in PHP, that’s what we need to use this time. PHP is a very popular language on the web: huge projects like Facebook and Wikipedia are written in PHP.
- Install the PHP package with the following command:
sudo apt-get install php -y
- Create the file
sudo mousepad index.php
- Put some PHP content in it:
<?php echo "hello world"; ?>
- Save the file.
index.html, because it takes precedence over
sudo rm index.html
Refresh your browser. You should see “hello world”. This page is not dynamic, but it is still served by PHP.
If you see the raw PHP above instead of “hello world”, reload and restart Apache like so:
sudo service apache2 restart
index.phpto include some dynamic content, for example:
<?php echo date('Y-m-d H:i:s'); ?>
Or show your PHP info:
<?php phpinfo(); ?>
MariaDB is a popular database engine. Like PHP, it’s widely used on web servers, which is why projects like WordPress use it, and why those projects are so popular.
Install the MariaDB Server and PHP-MySQL packages by entering the following command into the terminal window:
sudo apt-get install mariadb-server php-mysql -y
Now restart Apache:
sudo service apache2 restart
You can download WordPress from wordpress.org using the
wget command. Helpfully, a copy of the latest version of WordPress is always available at wordpress.org/latest.tar.gz, so you can grab the latest version without having to look it up on the website. At the time of writing, this is version 4.5.
What is a .tar.gz file?
- Change directory to
/var/www/html/and delete all the files in the folder.
cd /var/www/html/ sudo rm *
- Download WordPress using
sudo wget http://wordpress.org/latest.tar.gz
- Extract the WordPress tarball to get at the WordPress files.
sudo tar xzf latest.tar.gz
- Move the contents of the extracted
wordpressdirectory to the current directory.
sudo mv wordpress/* .
- Tidy up by removing the tarball and the now empty
sudo rm -rf wordpress latest.tar.gz
- Running the
tree -L 1command now will show you the contents of a WordPress project:
. ├── index.php ├── license.txt ├── readme.html ├── wp-activate.php ├── wp-admin ├── wp-blog-header.php ├── wp-comments-post.php ├── wp-config-sample.php ├── wp-content ├── wp-cron.php ├── wp-includes ├── wp-links-opml.php ├── wp-load.php ├── wp-login.php ├── wp-mail.php ├── wp-settings.php ├── wp-signup.php ├── wp-trackback.php └── xmlrpc.php 3 directories, 16 files
This is the source of a default WordPress installation. The files you edit to customise your installation belong in the
- You should now change the ownership of all these files to the Apache user:
sudo chown -R www-data: . Set up your WordPress Database Set up MySQL/MariaDB To get your WordPress site set up, you need a database. This is where MySQL and MariaDB come in! Run the MySQL secure installation command in the terminal window. sudo mysql_secure_installation You will be asked Enter current password for root (enter for none): — press Enter. Type in Y and press Enter to Set root password?. Type in a password at the New password: prompt, and press Enter. Important: remember this root password, as you will need it later to set up WordPress. Type in Y to Remove anonymous users. Type in Y to Disallow root login remotely. Type in Y to Remove test database and access to it. Type in Y to Reload privilege tables now. When complete, you will see the message All done! and Thanks for using MariaDB!. Create the WordPress database Run mysql in the terminal window: sudo mysql -uroot -p Enter the root password you created. You will be greeted by the message Welcome to the MariaDB monitor. Create the database for your WordPress installation at the MariaDB [(none)]> prompt using: create database wordpress; Note the semi-colon ending the statement. If this has been successful, you should see this: Query OK, 1 row affected (0.00 sec) create database Now grant database privileges to the root user. Note: you will need to enter your own password after IDENTIFIED BY. GRANT ALL PRIVILEGES ON wordpress.* TO 'root'@'localhost' IDENTIFIED BY 'YOURPASSWORD'; For the changes to take effect, you will need to flush the database privileges: FLUSH PRIVILEGES; Exit the MariaDB prompt with Ctrl + D. Restart your Raspberry Pi: sudo reboot WordPress configuration Open the web browser on your Pi and goto http://localhost, you should see a WordPress page asking to pick your language. WordPress select language Select your language and click Continue. You will be presented with the WordPress welcome screen. WordPress welcome screen Click the Let’s go! button. Now fill out the basic site information as follows: Database Name: wordpress User Name: root Password: <YOUR PASSWORD> Database Host: localhost Table Prefix: wp_ Click Submit to proceed. Click the Run the install button. Now you’re getting close! WordPress Welcome screen Fill out the information: give your site a title, create a username and password, and enter your email address. Hit the Install WordPress button, then log in using the account you just created. Now you’re logged in and have your site set up, you can see the website by visiting your http://localhost/wp-admin. Log in to WordPress from another computer Friendly permalinks It’s recommended that you change your permalink settings to make your URLs more friendly. To do this, log in to WordPress and go to the dashboard. Go to Setting, then Permalinks. Select the Post name option and click Save Changes. You’ll need to enable Apache’s rewrite mod: sudo a2enmod rewrite You’ll also need to tell the virtual host serving the site to allow requests to be overwritten. Edit the Apache configuration file for your virtual host: sudo mousepad /etc/apache2/sites-available/000-default.conf Add the following lines after line 1. <Directory "/var/www/html"> AllowOverride All </Directory> Ensure it’s within the <VirtualHost *:80> like so: <VirtualHost *:80> <Directory "/var/www/html"> AllowOverride All </Directory> ... Save the file and exit. Restart Apache. sudo service apache2 restart Customisation WordPress is very customisable. By clicking your site name in the WordPress banner at the top of the page (when logged you’re in), you’ll be taken to the Dashboard. From there, you can change the theme, add pages and posts, edit the menu, add plugins, and lots more. This is just a taster for getting something interesting set up on the Raspberry Pi’s web server. What next? Try adding pages and posts to your website. Try installing different themes from the Appearance menu. Try customising your website’s theme, or creating your own. Try using your web server to display useful information for people on your network.
Congrats! Project complete!