Build a solid WordPress dev environment with Docker
Вставка
- Опубліковано 30 лип 2024
- In this 25 minute video, I'll show you how to create and use a basic WordPress development environment built with Docker and Docker Compose.
Follow me on Twitter for more web development tips, news, and tutorials: / aschmelyun
You'll learn how to:
- Install and setup Docker
- Create a Docker Compose file to scaffold out containers
- Enable HTTPS and keep MySQL data persistent
- Use the wp-cli tool without having to install it locally
- 0:00 Intro and Setup
- 2:50 Scaffolding Containers
- 6:10 Configuring Nginx
- 10:10 Installing WordPress
- 15:06 Adding HTTPS
- 19:00 Persistent MySQL Data
- 20:58 Adding wp-cli
- 24:42 Conclusion
Docker documentation about delegated volumes for MacOS: docs.docker.oeynet.com/docker-... - Наука та технологія
Hey new viewers! If you would like to see more content on WordPress and Docker, let me know what ideas you have in mind or what you'd like to learn more about.
* How to use wp-env and configure on it composer autoload is the main problem.
* How to make Vite compile with WordPress files and connect CI/CD dist for them.
*Convert and connect fonts from otf and ttf to woff in WordPress project after compiling files on Vite.
*Convert and connect img from jpg, png to webp in WordPress project after compiling files on Vite.
*How to make a clear and clean structure for files in WordPress project for developing plugins and themes.
*How to set up correctly and with best practices code style and lints for WP themes and plugin develop.
@@karlson2804 great suggestion✌
Thanks @aschmelyun its really helpful and really a good one and no doubt correct way to use docker with WordPress, waiting more videos on different topics please keep posting.
Adding to this you can use wp-cli automation copying sh files to the root and execute installation and webpack internally setting apache/nginx logs can also be added to this.... thanks
Wordpress theme development with Bedrock and Sage
Was hoping to see phpmyadmin installed as well on this tutorial. It is Great tutorial, thank you!
I really appreciate how you let stuff break, and then went back and showed how to fix those things!! I thought that was really helpful! Thank you!!!
Thanks for noticing! It's how I learn best, so I figured it's the better way to show it!
oh yeah this is amazingly detail. I love it! Thank you
After leaving previous job and not using my previous docker setup for months, I needed a refresher to get everything going on my personal laptop. Especially compared to all the various docs, SO threads, videos, and Reddit posts I went through when I created my prev job's new docker setup, this is the best Docker intro I've seen, nevermind best WP + Docker intro. You saved my bacon, dude. Will be checking out your other vids. Thanks for making this!
Seriously this is the most clean, clear and on point example. Very underrated.
This is... so spot on and awesome. I love your delivery and explaining *everything* as you go along. Well done.
As a complete new comer to docker and launching WP containers, I found this video extremely useful as well as the comment threads where all my questions were answered already by previous helpful users. +1 Subscriber
Thanks for the non-trivial approach (not just "image: wordpress"), in my opinion it is more flexible and interesting, since teaches some additional details regarding dockerization in general.
Andrew, this was a great tutorial. Keep up the good work, appreciate you putting in the time for this.
This might be the best dev. tutuorial on the internet - the simplicity of the start that leads the viewer to an explanation of very complex solution while solving problems as they arrive is so gratifying to watch, combined with clear spoken Engish and being on point.
This was a nice refresher after spending the last couple of years away from WP and Docker. Half way through the video I was thinking "wp-cli would be so much easier, let me see how I can do that". And then I noticed you discussed it at the end. Doh! It's "Sea el eye" (CLI) and it stands for "Command Line Interface".
You've got a new subscriber in me. Loving the Laravel + Docker tutorials. Cheers
This video is so well designed! Thank you so much for the time and effort you have put into this informative video!
Took me some back and forth but I eventually got it working after watching your video. Thanks for the great tutorial!!!
amazing guide! every step is well explained and doesn't left any confusion, thank you!
Thank you very much Andrew! You can't imagine how much you've helped me understand how docker and docker -compose work. The configurations inside the containers is something I did not find anywhere else ... thank you so much for your generosity!
This is awesome. Its the best docker-php tutorial yet.
This is the best tutorial that I found about wordpress docker. Thank you for this tutorial, I will continue watching you other videos.
The thing I came here for, and got at the end of the video was how to keep plugin installations in version control.
The answer seem to be to add a wp-cli container and put the commands to run in a dockerfile. Then, each time you start the service, it will run the wp-cli commands and install the plugins.
Dunno exactly how or if that's persisted in the db, but I'm guessing it's just persisted in the wp-plugins directory and not in the database.
Will give it a try on my own installation tomorrow. Thanks for a great, educational video.
Keep em up, you earned yourself a subscriber!
I'm glad you found that part useful! As for persistence, the wp-cli container networks with the same db container that the main wp installation is using, so it should persist as long as you're using a volume on the MySQL container (or don't spin it down).
If you'd like to see the full code along with some additional helper items, check out the GitHub repo here: github.com/aschmelyun/docker-compose-wordpress
@andrew schmelyun Have you tried adding xdebug with this and making it work. It's too complicated to set up.
I like this plan a lot, but I'm wondering how deployable it is, since the certificates are bound to the NGINX container. Can you do a follow up on a deployment sequence?
@@PeterMumford Sure thing! I'll add it to my list.
When i try to clone this repo it don’t work well. As well as you can make another vedio in this particular issue.
Your git repo lots of extra code bit you skip this please you can make full tutorial i hope it will help people who learn More
thanks for this awesome tutorial. really helped me to set up a local development environment without resorting to MAMP or something similar
This is how a tutorial video should be made. Kudos and many many thanks to Andrew.
I'm glad you liked it, thanks so much!
Every step was clear and clean, very well explained. thanks a lot.
Excellent video. Could not be better explained. Thanks for sharing this.
Nice! Your explanation is so helpful, cool and clear! Thanks... I needed this
Thank you so much! I'm glad it was helpful.
Really clear and easy to follow tutorial, many thanks. subscribed!
Excellent Docker tutorial :) Would love to see a similar guide on how to set up up a Test-Driven Development (PHPUnit) for WordPress using Docker!
I'll add it to the list!
Yes, this would be great!
this the most well explained video regarding docker. Thank you
Best wordpress-docker set-up video.
what a quality step by step explanation!
Such an excellent channel, really appreciate the time you've dedicated to helping us learn new things!
Thank you!
Bookmarked this. Everything covered nicely. 👍
An excellent and informative lesson, Thank you so much.
Excellent walkthrough
Amazing Tutorial. I have been using compose-file from others because I always ran into one problem or other. But because of your approach of letting things fail and fixing it, I not only ran wordpress, but also successfully ran laravel setup. Now I will try my hand on Laravel-Vue microservice setup because that is what my actual app is using. I am guessing I just need to create another service called node and try to match ports between them just like you did on fpm?
You are the best tutor. Thanks from Indonesia.
Amazing tutorial, thanks
That video helped me a lot, thanks, man!
Great video! Thx for helpful information
Great video! This is exactly what I was looking for. Can you show how to push this to a VPS for production?
I'll add it to my video ideas list!
This is how tutorial should be made. i wish i could like more.
thanks, Andrew! I learn a lot!
With a few tweaks it worked thanks 🙂
Fantastic tutorial thanks
Excellent WordPress guide!
Thank you! I’m glad you liked it.
awesome tutorial, thanks
Super video, thanks!
Hmmm, seems promising, but after creating the nginx/default.conf file and specifying it in the docker-compose.yml file, nginx goes from the default Welcome to nginx page to just showing a generic 403 Access Forbidden page.
same
got any solution?
same, its weird
Check if you miss any semicolons in your config file.
Also you can run "docker logs -f " followed by the containername of your nginx and see what the error is 😊
Wow, amazing tutorial!
very helpfull, explained very well how everything works. thanks
Awesome!! Thank you for this video!
Great tutorial!
While WP will run fine , there are some missing modules , gd , imagick , bcmath, exif that can cause some issues with some plugins and themes .
I would recommend a change to the php.dockerfile to include these , can be left out if you dont need them.
RUN docker-php-ext-install mysqli pdo pdo_mysql bcmath exif && docker-php-ext-enable pdo_mysql bcmath exif
RUN set -ex \
&& apk add --no-cache --virtual .phpize-deps $PHPIZE_DEPS imagemagick-dev libtool \
&& export CFLAGS="$PHP_CFLAGS" CPPFLAGS="$PHP_CPPFLAGS" LDFLAGS="$PHP_LDFLAGS" \
&& pecl install imagick-3.4.3 \
&& docker-php-ext-enable imagick \
&& apk add --no-cache --virtual .imagick-runtime-deps imagemagick \
&& apk del .phpize-deps
RUN apk add --no-cache libpng libpng-dev && docker-php-ext-install gd && apk del libpng-dev
of course if you add them , rebuild with docker-compose up -d --build site
After follow YOUR code i cannot compose file getting error.. Can you help
Magnificent content.
For anyone having the error establishing database connection. Make sure you set up your database connection in the wp-config.php file, you will initially see there a wp-config-sample.php file. This tutorial skipped it. Nevertheless, good tutorial! Thanks!
This is true, and I apologize for that! DB host should be pointing to `mysql`, not the typical localhost.
9:56 please help How to get wp-config.php file without copy and paste inside wordpress.. Bcz after that plugin and media Don't word.. After all this is best learning methodology...
up because I got stuck there too, makes sense thanks
By default it was not generated.. Thats problem occur.. How to solve u don’t say that
Hi Andrew! Great video. I have one question. From your side, it's a good idea to run multiple WordPress project on the same docker env? For example, in the WordPress folder to have wp1 and wp2. Or should be separated?
And another question. test1.local make a request to test2.local. Why I receive cURL error 6: Could not resolve host: test2.local?
Thanks in advance.
superhelpful! thank youu amazing
great job!
great tutorial
If one uses multiple servers, where one has db, other has cache and two others have the webapp itself, would it be smart to have docker only for development, and use some other way to handle the production servers? Or is there a good established way to do this with docker too, where development and deployment have each their own setup? And how would one run only one part of the app on one server?
Kubernetes might solve the issue, but seems like an overkill for this problem.
Thank you very very much Andrew
This tutorial absolutely rocks. I followed the tutorial and used the same example URL, but now that I want to change it I can't (even though I changed it in the default.conf). Any tips how to fix it?
Hello Andrew, I have just started getting into Docker and I was following along on this video when I ran into a snag. I got up to about the 9:50 mark, when I started the container that went fine, but when I tried refreshing the browser to start WordPress I am getting a 403 Forbidden error. I carefully looked over the code, and I am not seeing anything amiss. Hoping for some advice. Thank you
Hello Bruce, i have the same error, did you manage to solve it?
@@FranciscoSilva-rf3gw @Bruce Koehler, it is answered partially though. Add below line in the servers section of default.conf file, above locations
index index.php;
I downloaded your code and after reviewing the video I customized it for my needs. I can start the nginx, mysql and php but I can see in the Docker Desktop that wp cannot be started, or it stops immediately with this error: "less: unrecognized option: r". Do you have an idea what can cause this? Thanks in advance!
Great starter tutorial.
I have trouble uploading larger files, either media or plugins. Any help here?
Thanks Andrew!!!
At 8:17 I got the error "Error response from daemon: invalid mount config for type "bind": bind source path does not exist: /run/desktop/mnt/host/e/wordpress-docker-test/wordpress"
Working in Docker for Windows (WSL) so that might be why I'm having such a hard time with this stuff...
Great tutorial, thanks.
If one would like to use this with apache server, how would default.conf file Look like for apache?
Thank you
Hi Thank you for the video, very helpful. What is entrypoint: ['wp', '--allow-root'] for?
When running the docker through a WSL distro(ubuntu in my case), does the second path you specify in the volumes section in 25.15 exist virtually or should the folder exist on the local machine through manual installation(sudo apt insall nginx) of nginx outside the docker environment? I don't understand how the symlinks work. I'm guessing that the /var/www/html folder doesn't actually exist physically on your device either.
Excellent video again.
Would be nice if you would make a video on implementing xdebug. Currently struggling to get that working with docker, php and vscode.
Great idea! I love xdebug, I'll be sure to add that to my video list.
could Add following to php.dockerfile
RUN apk add --no-cache --virtual .build-deps $PHPIZE_DEPS \
&& pecl install xdebug \
&& docker-php-ext-enable xdebug \
&& apk del -f .build-deps
needs additional config to setup new mode and ide key etc for new xdebug 3 works as far as loading xdebug in php , but have not figured out the additional configs yet to get it to work on VSCODE , next task !
@@ColmanByrneI have XDEBUG already up and running, but thank you anyway for your response.
Hi Andrew!
I mounted a server without nginx on dockers. I started toying around and dind't follow a guide to make this server https compatible before changing this on the wordpress settings.
I ended up wrecking my whole docker instance. I ended up erasing also the DB associated with Wordpress. I tried closing down the docker instance and composing up again, but to no good.
Is there a 'hard-reset' to start all over again?
Appreciate your help :)
It's a splendid tutorial. Thank you. Just one quibble: at around 11:00, where you say, oh, this is crashing because the PHP mysql extension is missing -- there is no way anybody could infer that from the opaque error message that Wordpress displays. It would be nice to know where the error logs are and see for ourselves.
In the wpcli.dockerfile add a RUN command "RUN apt update && apt install mysql-client". If you don't you can not use wpcli, it will complain about mysql not being found.
Thank you for this video!
I'm glad you liked it!
What should be done if multiple wordpress sites needs to configure like virtualhost?
Excelente conteúdo, obrigado por compartilhar =)
De nada! Obrigado por assistir!
Great, thanks a lot. The only think I'm not getting right is the certs. Chrome says it's not good. Cheers.
Andrew - for info the line try_files $uri $uri / /index.php?$args; yields a 403 forbidden until you remove the second $uri/ - This is caused because nginx will try to index the directory, and be blocked by itself. Throwing the error.
try_files $uri $uri/ means, from the root directory, try the file pointed by the uri, if that does not exists, try a directory instead (hence the /). When nginx access a directory, it tries to index it and return the list of files inside it to the browser/client, however by default directory indexing is disabled, and so it returns the error "Nginx 403 error: directory index of [folder] is forbidden". see nginx.org/en/docs/http/ngx_http_autoindex_module.html
add line
index index.php;
with that, nginx will search for index files inside /var/www/html
@@heliocorreia1359 This is correct. That line was missing from the original video, but is present in the code on GitHub. My apologies!
No problem , and excellent video in any case , really helped me to understand docker setup , I especially liked you showing what can go wrong and how to fix them ! keep it up
Hi Andrew, great video. this is for localhost what changes do i have to add to deploy this on app service or ACI in Azure? many thank for the reply! have a great day..
Thank you very much.
Perfect tutorial.
Thanks Evan! I’m glad you liked it.
@@aschmelyun Absolutely, only docker video I've found that understood every step of every file, in plain English. Definitely took that step from complete beginner to more advanced docker user with this video.
Sorry if this was answered before, but since I'm using windows and I DON'T want to use HyperV for Docker (I'm using VirtualBox for other things), and that I can't really use WSL2 at the moment (can't afford a restart, too many things running LOL), do you think it is recommended that I spin up a debian-testing vm, install docker engine in there, and then through VSCode's Remote Dev extension I develop things with docker in that vm?
I mean, yea, I can just dual-boot, but I think I'm too swamped with work atm to reorganize my stuff. Sorry if this was a dumb question.
Not a dumb question at all! That definitely sounds like a complicated setup, and I think the solution you laid out sounds pretty good for your scenario. Especially if you're just doing local dev, your VM shouldn't need that much resource allotment for the Docker instance.
@@aschmelyun Thanks for the reply, I'm slowly transferring my dev environments over to docker, since VM with snapshots are taking a tad bit too much space for my liking.
My current environment is more like anything I've not handed off yet or that I need to maintain, I'm sticking with what I had. But any new projects coming my way or things I need to do for the team I'm in, I put them in docker. No doubt my projects are slowly cleaning up, and it's.. a chore, to put it kindly, to reorganize things when everything is being worked on.
followed you youtube tutorial but can get to nginX but cannot get to wordpress.. something about missing mysqli???
Clear and concise! Would like to know how you added the custom domain name? Is there a way to have that done automatically similar to laravel valet where the directory name is taken as the domain name?
Edit your hosts file and add line 127.0.0.1 wordpress-docker.test ( on windows this is in C:/windows/system32/drivers/etc - but edit as administrator !)
@@ColmanByrne Thanks! For anyone else doing this just add it below the # comments when editting the hosts.file in visual studio code
I am having problems with permissions. It would appear as if the container uses a user called "82 [82]". It is breaking a lot of things in WordPress like media and plugins, along with updates. If anyone has the time to help please give it. I don't know how to share permissions with a user that is in a docker container.
do you have single Dockerfile with alpine base image installed with wordpress,php,nginx?
Hi Andrew, thanks for the tutorial. i was trying it out but can't seem to get the wp container to start. The log says
less: unrecognized option: r
I can still install wordpress and access the dashboard on localhost but the container is grayed out. Please advise. Thanks again for the great tutorials!
Add following line to your php.dockerfile:
ENV PAGER=more
I get an issue with adding a post(API JSON error) as well as when updating plugins and worpress as well as themes - FTP details are requested.
Wonderful content!
Please help us setting the Roots Stack Environment on Docker too! (Bedrock, Sage...)
You got it! I'll add that to my list.
@@aschmelyun hehehe, thanks bro!
I followed every steps, but can't get the same results at 13:30, i get a database connection error :'(
Is possible to use Dbeaver for this enviroment? thank you in advance
I keep getting an error
[error] 128#128: *31 FastCGI sent in stderr: "Primary script unknown" while reading response header from upstream,
Hi i follow your step but it's not working. show "403 Forbidden". my os is Ubuntu 20.04
What about deployment on the server :3 I am searching for it now
Docker + Bedrock + Sage = Paradise
Hey Andrew, thank you for the great video, im learning a lot. However i did run into a problem. When i try to copy the nginx/default.conf into the container the container shows as Exited (1) when running docker ps. Do you happen to know why ? thank you.
I acutally coned your repo and ran it, same issue, might be a local issue im having
same issue lmao
Nice video, please how do you set domain kind .test?... can you share how do you do that please?.. Thank you.
I GOT THIS ERROR WHEN I BUILD IT
make: /bin/sh: Operation not permitted
make: *** [Makefile:192: mysqli.lo] Error 127
ERROR: Service 'php' failed to build: The command '/bin/sh -c docker-php-ext-install mysqli' returned a non-zero code: 2
how can i clone my current wordpress live site to this new docker wordpress
Nice explanation, really appreciate what you have done but there are issues with the new M1 chip.
Thank again