DEV Community 👩‍💻👨‍💻


Posted on

How to easily make Wordpress & WooCommerce work with ngrok

Ngrok is a super useful CLI tool which enables you to expose your localhost HTTP servers to an internet-facing HTTPS endpoint, for free!
You can get it here:

I've been struggling to find a good, short tutorial on how to make it work properly with my local WooCommerce store, so hopefully you will find this helpful:

1. Install the 'Relative URL' plugin

First off, make sure that your Wordpress website issues relative URLs by installing this plugin: Relative URL.

2. Make WP serve itself via your tunneled hostname

Add the following lines at the end of your wp-config.php file:

define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST']);
Enter fullscreen mode Exit fullscreen mode

3. Instruct ngrok to rewrite the host header

Add --host-header=rewrite to your ngrok command.
For example:

ngrok http --host-header=rewrite http://localhost:8080
Enter fullscreen mode Exit fullscreen mode

Done 🎉

P.S: If you're a WooCommerce store owner and would like to easily sync it with your Google Sheets, check-out our quick guide on how to do it.

Originally posted here.

Top comments (0)


Thank you.

Thanks for visiting DEV, we’ve worked really hard to cultivate this great community and would love to have you join us. If you’d like to create an account, you can sign up here.