Getting WordPress to Work On Cloudflare Tunnels

No video

Getting WordPress to Work On Cloudflare Tunnels

Рет қаралды 8,742

Күн бұрын

Thanks to @linode for sponsoring this video!
Sign up today and get a $100 60-day credit on your new Linode account, link is in the description.
🔗 dbte.ch/linode
/=========================================/
Hey guys! I recently had someone ask if I could make a video about how to set up WordPress in Docker to work with Cloudflare tunnels.
So that's what we're going to do in today's video!
Just know that this video will assume that you have a general understanding of how to deploy a Docker container as well as a general knowledge of what a CloudFlare tunnel is and how to set one up.
My WordPress video:
• WordPress Installed on...
The Docker-compose I used:
hub.docker.com...
My Cloudflare tunnels video:
• Remote Access to CasaO...
CloudFlare Docker-compose (if you want to go that route):
dbt3ch.com/boo...
/=========================================/
Get early, ad-free access to new content by becoming a channel member, a Patron or signing up for the members' only website!
✅ / dbtech
✅ dbtech.fans/
✅ / @dbtechyt
/=========================================/
The hardware in my recording studio is:
✔ Custom PC w/ Ryzen 2600, 32GB RAM, RTX 2070, Assorted Storage
✔ Panasonic LUMIX G7 4K Digital Camera: amzn.to/3IGEOcb
✔ SAMSUNG 34-Inch SJ55W Ultrawide Monitor: amzn.to/395g9BZ
✔ LG 27UK650-W 27” UHD IPS Display with HDR 10: amzn.to/398pg4S
✔ WALI Premium Dual Monitor Stand: amzn.to/398AiqM
✔ Neewer Lights: amzn.to/3nZcoSX
✔ Light Power Supply:amzn.to/3Konpqf
✔ 55" Gaming Desk: amzn.to/3AkgHgw
✔ Sabrent USB-C Hub: amzn.to/3qFcwbV
✔ Das Keyboard 4 Professional: amzn.to/3G9rPxM
✔ Fuqido Big and Tall Gaming Chair: amzn.to/3IGegrq
/=========================================/
The hardware in my current home servers:
✔ Synology DS1621xs+ (provided by Synology): amzn.to/2ZwTMgl
✔ 6x8TB Seagate Exos Enterprise HDDs (provided by Synology): amzn.to/3auLdcb
✔ 16GB DDR4 ECC RAM (provided by Synology): amzn.to/3do7avd
✔ 2TB NVMe Caching Drive (provided by Sabrent): amzn.to/3dwPCxj
✔ TerraMaster F5-221 (provided by TerraMaster): amzn.to/3IfH2QD
✔ 5x6TB WD Red Plus NAS: amzn.to/3LnbPvC
✔ 8GB DDR3: amzn.to/3kfLTX3
✔ TerraMaster F4-423 (provided by TerraMaster): amzn.to/3kjUms5
✔ 2x8TB Seagate Barracuda Compute: amzn.to/3xBAO95
✔ 16GB TEAMGROUP Elite DDR4: amzn.to/3MzzFV9
✔ 512GB Silicon Power NVMe Caching Drive: amzn.to/3MzkBae
All amzn.to links are affiliate links.
/=========================================/
✨Find all my social accounts here:
✅ dbte.ch/
✨Ways to support DB Tech:
✅ / dbtech
✅ www.paypal.me/...
✅ ko-fi.com/dbtech
✅ Cashapp: cash.app/$dbte...
✅ Venmo: venmo.com/dbte...
✨Come chat in Discord:
✅ dbte.ch/discord
✨Join this channel to get access to perks:
✅ / @dbtechyt
✨Hardware (Affiliate Links):
✅ TinyPilot KVM: dbte.ch/tpkvm
✅ LattePanda Delta 432: dbte.ch/dfrobot
✅ Lotmaxx SC-10 Shark: dbte.ch/sc10shark
✅ EchoGear 10U Rack: dbte.ch/echoge...

Пікірлер: 38

@wcwong22000 Жыл бұрын

that is not about throwing a dice 50:50 at all. it is about CLEARING the cache of your browser to log in WP's admin page. Do it and it will be fine.

@upsangelhk 10 ай бұрын

Agree. And better not to hard code the ip but rather use localhost:80 or localhost:443 as destination IP.

@NehimSleepy Жыл бұрын

I can access the Admin side of things but when I go straight to the site itself with my domain. it never loads

@mr-biz Жыл бұрын

What happens when you just want to access the Wordpress site without access the admin panel? For example you are self-hosting a website for a small business and just want users to see your site.

@DBTechYT Жыл бұрын

Then I would find a way to hide the admin panel by changing the admin URL from wp-admin to something else

@Clarence-Homelab Жыл бұрын

Why not complete the installation process using the private IP address? Adding that path to the cloudflare tunnel setup for WordPress will attempt to reach that path everytime you want to access it via the subdomain which seems really unnecessary.

@JasonsLabVideos Жыл бұрын

Good job sir !!

@VolcanicDisruption Жыл бұрын

Glad to see the video! I managed to get things up and running on my own but I did run into the same issue as you and I somehow managed to get by, with some luck. I did figure out a fix. (Setting the website address in the general WP setting) Anyways, do you have any suggestions on plugins? I have two factor, captcha, and a simple security plugin on my website, is there really anything else that you might want to have since it's self hosted?

@Lunolux Жыл бұрын

great video

@dragon3602010 Жыл бұрын

Can we use Cloudflare Tunnel on a VPS?

@DBTechYT Жыл бұрын

As long as it's compatible with the CloudFlare agent

@joymaitra5414 Жыл бұрын

Hi sir, your videos are super helpful. Request you to share a video maybe, on how to setup ssh on a Debian docker and expose it via cloudflare tunnel. I tried and failed, still struggling.

@rawTVchannel Жыл бұрын

Hi guy, my network cant open port 80, 443. When use cloudflare tunnel to Wordpress. It error code 502, Plz help

@FernandoAlbino Жыл бұрын

You have to configure wp to listen to your domain! After that, it will work every time!

@DBTechYT Жыл бұрын

Yep. But it was throwing an error before I was able to initiate the install script.

@FernandoAlbino Жыл бұрын

@DB Tech you can change it editing the wp-config file, restart the container, and it solve the problem! I'm getting another error related to it, and after some troubleshooting, change it solves the problem!

@aot51083 6 ай бұрын

Multisite does not work either (regardless of deployment).

@WildAwesome Жыл бұрын

Hey David, great video as always. Have you managed to update your tunnels software ever? I have it installed as debian it won't seem to update.

@DBTechYT Жыл бұрын

So when you want to update your tunnels agent, you'll ssh into the server and run the following: cloudflared service uninstall Then you can run the install script again and it should update. Maybe I'll make a quick video on it later.

@Bytelovin Жыл бұрын

Hey David. I got my Cloudflare set up thanks to your videos, but I got a problem with Shelly devices, they hang with a message "Connecting to Shelly and loading data..." indefinitely. You have any experience with Shelly?

@CarlosLaso Жыл бұрын

Great tutorial on how to install WordPress with Cloudflare tunnels. What if I want to protect anything with Google or Github authentication that I have to install or manage in the wp-admin path?

@DBTechYT Жыл бұрын

I don't think you need to do anything with the wp-admin path. Just follow the directions here: kzfaq.info/get/bejne/rcqdlaSglZjPpIU.html

@Hecbertgg Жыл бұрын

Hello, can you make a tutorial for tailscale funnel? It's a great alternative to cf tunnels

@olexaxa Жыл бұрын

How about a VPN server with Cloudflare Tunnels? Great content keep it up!

@sayijalsurjoo9742 Жыл бұрын

When i use nginx proxy and cloudflare i get a connection timeout error 522. anyone in the comments help me?

@neoflix59 Жыл бұрын

Hi I'm reaching out to you for some help. I'm trying to setup a mumble server. I can't port forward as my router is locked down and I'm behind a Cgnat. I got cloudflare working for my http content, but mumble seems to be TCP/UDP. I can set up mumble no problem and reach it within my network but getting outside access I'm finding trouble. Sorry to ask.

@wdaniel9888 Жыл бұрын

I set up wordpress in a container using docker compose. I did change the port because 8080 is not available, but other than that nothing crazy. I then locally navigated to the wordpress site and set it up. I have about 15 tunnels with cloudflare working just fine, but when I add the wordpress server IP and port and I try to navigate to the url it just hangs and eventually times out. No other errors :(

@DBTechYT Жыл бұрын

The issue is that set it up on the local URL. Now what you'll need to do is 1 of 2 things: 1. use something like phpmyadmin to edit the mysql database entry with the actual domain URL. 2. modify the wp-config.php file to define a domain override

@wdaniel9888 Жыл бұрын

@@DBTechYTAhh that makes a lot of sense! Thank you for the quick response!

@user-ok8hz6om6z 11 ай бұрын

@@DBTechYT How can I do that ? As I have adminer installed from turnkey wordpress. 2nd option is already done.

@Buddinski88 Жыл бұрын

@dbtech can you also help with getting vikunja up and Running with cloudflare tunnels? 😊

@poolman20001 10 ай бұрын

Did you ever have any other problems? Did the wesbite look weird or anthing like that? Also, are you abel to still login as local, or bu using your ip address? Reason being is that i am in China, if I develop the wordpress site through the tunnel, it will be SO SLOW, because of the great firewall of China. Dato going out of China is ok. its data coming in. Also because my server is 4 feet from me, I want the advantage of qorking in a fast enviroment. Can anyone help me, any advise please?

@DBTechYT 10 ай бұрын

If your website was deployed on a local ip address like 192.168.0.233 and you add a domain to it, but don't change the site URL, then the site might look weird when trying to access it from the domain because all of the code is still looking for the local IP address and not the URL. If you can modify the database, there are 2 entries that you'll need to change. This link will give you the information you need to change the URL in the database. As far as accessing the site locally and not through Cloudflare, what I would recommend (if you're on Windows) is to go here: C:\Windows\System32\drivers\etc Look for the hosts file in that directory. Edit the file as admin. Then add a line like this: 192.168.0.135 wordpressurl.com Replace that IP address with your server/Wordpress IP address. Replace the domain with your WordPress domain name. That will tell your local computers to access the URL via the local IP address instead. However, if your colleagues are just doing coding or whatever on the site, they can just access the files remotely via FTP or SSH by using the local IP address.

@poolman20001 10 ай бұрын

@@DBTechYT Smart! That makes sense to me because I have reset this process a dozen times trying to solve it. Currently, I set it up to use my IP address as my domain upon the innitional setup process. It was my idea of being able to access it locally using onmly the ip, then will auto convert outside of my local server with data coming in through the tunnel as my Domain. (that was my plan anyways). I thought "maybe I can access the admin using both my ip address as local, and domain name through the tunnel. It sort of works, the site looks normal when loged in under the ip address, but looks really funky outside of local through my domain. Also, when I am trying to work in the admin logged in using my ip address, then I click on a path. For instance, I start at "192.168.1.10/wp-admin", then I try and work on my shop page, it will auto redirect to "MyDomain/shop." Im using Ubuntu 22.04 server, not using windows or a docker. Just clean installs for a dedicated wp server (is the idea). Because where im at is zoned for commercial, all fiber optics, blazing fast here in Shenzhen. I have an advantage here if I can figure this all out. Anyways. because I have my install setup using my ip address, what you say makles perfect sence to me. Because all the other 11 times I ran it, it looked pretty good. Was just insane crazy slow without a local login. I kept trying to link it with a redirect problem, and maybe because my local machine was not set up for SSL. I thought that maybe this is the reason WP looks weird. maybe a confliction with local as http, and tunnel as https. But I think that maybe i should revert back to how I had it installed, only using Domain for the initional setup, (not my ip address) and running the command as you advised. "192.168.0.135 wordpressurl.com" Do you happen to know the command line for a ubuntu server? Should I place it in the wp-config.php? Thank you for your kind response and advice. Sorry for the types.