Merge pull request #533 from arduino/benjamindannegard/x8-wordpress-tutorial-fix

Benjamindannegard/x8 wordpress tutorial fix

Author: BenjaminDannegard

content/hardware/04.pro/boards/portenta-x8/tutorials/wordpress-webserver/content.md

@@ -16,7 +16,7 @@ hardware:
 
 ## Overview
 
-The Arduino Portenta X8 is a powerful board that has many features that can be easily utilized with the help of Docker containers. In this tutorial we will be using the Portenta X8 to host a webserver and run Wordpress using containers. This is a simple way to configure and run your own webserver and Wordpress page. We can then access the Wordpress site on the X8 through our web browser and begin setting it up.
+The Arduino Portenta X8 is a powerful board that has many features that can be easily utilized with the help of Docker containers. In this tutorial we will be using the Portenta X8 to host a webserver and run Wordpress using containers. This is a simple way to configure and run your own database server container and Wordpress page. We can then access the Wordpress site on the X8 through our web browser and begin setting it up.
 
 ## Goals
 
@@ -35,7 +35,7 @@ First make sure your Portenta X8 is setup correctly by following the [getting st
 
 ### Creating the Docker-compose.yml File
 
-The Wordpress container we will be using also requires a webserver container. We will be using **mariadb** as our webserver container. This container can run on the Portenta X8's architecture. All we need to being installing these containers is to write a **docker-compose.yml** file. This file will contain information about what image we want to install and some important configuration information. Such as the username for the database, password, timezone and database name. The same goes for the Wordpress container, it will contain the password and username, we will also enter the database host name and which container it will use as the database. If you would like to change any password to a more secure one, feel free to replace the generic ones that are stated in the file below.
+The Wordpress container we use is a multi-container application which also requires a database server container. The Wordpress multi-container application uses Apache as its web server, this is required to make the service work, which is already included in the container so it is nothing for us to worry about. We will be using **mariadb** as our database server container. This container can run on the Portenta X8's architecture. All we need to being installing these containers is to write a **docker-compose.yml** file. This file will contain information about what image we want to install and some important configuration information. Such as the username for the database, password, timezone and database name. The same goes for the Wordpress container, it will contain the password and username, we will also enter the database host name and which container it will use as the database. We recommend that you change the default passwords to more secure ones by replacing the default ones that are stated in the file below.
 
 
 ### The Complete Docker-compose.yml File
@@ -47,7 +47,7 @@ version: "3.9"
     
 services:
   db:
-    image: lscr.io/linuxserver/mariadb:latest
+    image: mariadb:latest
     container_name: mariadb
     environment:
       - PUID=1000
@@ -84,19 +84,19 @@ Now lets create a directory on our X8 and put this **docker-compose.yml** file o
 
 ### Installing The Containers
 
-First we create a directory where we want put our **docker-compose.yml** file. Using the `mkdir` command we will create a directory named "wordpress-test". Navigate into this directory with a simple `cd` command. Either copy the docker-compose.yml file into this directory or create it directly here.
+First we create a directory where we want put our **docker-compose.yml** file. Using the `mkdir` command we will create a directory named "wordpress-test". Navigate into this directory with a simple `cd` command. Either copy the docker-compose.yml file into this directory or create it directly here. To create the file we can use `cat > docker-compose.yml`, this will create the file so you can copy contents of the file from above and paste it. Hit enter once to go to a new line and press `ctrl C` to exit the file editor. To copy the file from your computer onto the device use: `adb push <path to docker-compose.yml file> /home/fio/wordpress-test`.
 
 ![cd into correct directory](assets/webserver-mkdir.png)
 
 Before installing the containers, make sure that no other container is running on the ports that the Wordpress container will use. You can check what containers are running and what port they are using by running the `docker ps -a` command. This will show a list of the currently installed and running containers on the Portenta X8. To remove a container first stop it with `docker stop <container id>`, then you can run `docker rm <container id>` to remove it. If you want more information about handling containers on your Portenta X8, take a look at our [managing containers with docker tutorial](https://docs.arduino.cc/tutorials/portenta-x8/docker-container).
 
-When you are in the correct directory and no other container is running on the ports that Wordpress will use, we can now run `docker compose up`. This will start installing the **Wordpress** and **mariadb** containers. You can follow the progress in the terminal, it can take a while. Once it is done we can connect to the device and site.
+When you are in the correct directory and no other container is running on the ports that Wordpress will use, we can now run `docker compose up -d`. Using the `-d` tag in the command will allow the running of these containers in the background. If you run the command without the `-d` tag the application will exit when you close the terminal. When the command is executed it will start installing the **Wordpress** and **mariadb** containers. This can take a while. To get the output from the containers use: `docker-compose logs -f`. Once it is done we can connect to the device and site.
 
 ![Containers install progress in the terminal](assets/webserver-container-install.png)
 
 ### Connecting to the Wordpress Site
 
-To connect to the Wordpress setup site we simply need to access it with our Portenta X8s unique id and port. So for example `http://<uuid>.local:<port>`, where you would substitute the `<uuid>` with your Portenta X8s unique id and the port chosen for the Wordpress container with `<port>`. The `<uuid>` can be found on the setup page that is showed in the [Getting started tutorial](https://docs.arduino.cc/tutorials/portenta-x8/out-of-the-box), you can also see it in the terminal when running `adb`. Or you can go to `http://192.168.7.1:8000` if you use Windows and Linux, on MacOS use `http://192.168.8.1:8000`.
+To connect to the Wordpress setup site we simply need to access it with our Portenta X8s unique id and port. So for example `http://portenta-x8-<uuid>.local:<port>`, where you would substitute the `<uuid>` with your Portenta X8s unique id and the port chosen for the Wordpress container with `<port>`. The `<uuid>` can be found on the setup page that is showed in the [Getting started tutorial](https://docs.arduino.cc/tutorials/portenta-x8/out-of-the-box), you can also see it in the terminal when running `adb`. Or you can go to `http://192.168.7.1:8000` if you use Windows and Linux, on MacOS use `http://192.168.8.1:8000`.
 
 When you connect you should get some feedback in the terminal. Text will begin printing in the terminal, showing you information about the connection that has just been established. Like shown in the image below.