Can't connect devices to localhost

I have my Sage setup with Bedrock and using the Bootstrap Framework running Local by Flywheel.

Normally, I have no problems connecting my devices through the Dev given IP address using port 3000.

However, it doesn’t seem to work for me anymore.
Since I’m using a different system to work on (Hackintosh instead of iMac) and went from Trellis to Local by Flywheel, I have no clue, what the culprit is.

I tried setting up a Trellis server and even tried with Mamp Pro, but I just can’t seem to load my site on either iPhone or iPad.

Any suggestions would be really appreciated because I need to be able and see what the site looks like on other devices so I can adjust my media queries.

Yes, still using these :-/

It sounds to me like you’re trying to connect to your Flywheel site from devices other than the device running the Flywheel site, which means this might be a local networking issue.

If the issue is with Flywheel, I’d honestly try their support first, since they’re much more familiar with the intricacies of networking with their product.

Hi MWDelaney,

Thanks for your reply.
I have tried the network settings from Sage through yarn dev.
Also tried the Live Link which is build in feature in Local.

Nothing seems to be doing the trick.

It won’t be a Sage setting that you need to change; it’ll be a setting in Flywheel, or a setting on your computer to allow other computers on your network to access its services.

I believe you are facing a networking issue, not a Sage issue.

On their forum I found a thread which was posted in januari 2022.

Local doesn’t officially support Bedrock configurations, so there’s likely some sort of incompatibility between Bedrocks configuration and Live Links.

Because of how differently configured a Bedrock site is than what Local expects of a WordPress site, I’m not sure if there’s an easy way to get this working. You might want to create a feature request for Local to better support Bedrock installations!

Is there perhaps another way to get a reliable impression of what the site looks like on different devices?

Or am I now forced to upload to a live server and do it the cowboy way?

You don’t say why you switched away from Trellis. Is Trellis not an option for you any longer?

Bedrock and Trellis work well together; they’re designed to support one another; and it seems like Flywheel is documented to struggle with Bedrock. Why not use Trellis?

One of the reasons I switched from Trellis to Local, was because Trellis became really slow on responding and it also took longer to setup.

I also tried to switch back to Trellis and see if I could get my devices connected but that didn’t work out then.

Thought I give Trellis another go.
But getting:

[WARNING]: - composer was NOT installed successfully: Unknown error when
attempting to call Galaxy at 'https://galaxy.ansible.com/api/': <urlopen error
[SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: unable to get local
issuer certificate (_ssl.c:1018)>. <urlopen error [SSL:
CERTIFICATE_VERIFY_FAILED] certificate verify failed: unable to get local
issuer certificate (_ssl.c:1018)>

Got Trellis up and running now through Lima but still can’t connect any devices :-/

Tell me a little more about what you’re actually doing. You have Trellis up. What external URL is Trellis giving you? Can you reach that URL from your host machine?

At the moment all I can do is scratch my head.

Running Trellis through Lima doesn’t work in Chrome because it doesn’t seem to open http://microgrower.test/
http://localhost:3000/ does open in Chrome but then I can’t get to wp-admin.

In Firefox and Safari all seems to work fine.

Chrome does work with running Trellis with Vagrant.

I’m trying to connect my iPhone and iPad through the given Dev IP address http://192.168.1.117:3000/ My internal IP address isn’t reachable on host machine either.

Flushed DNS to see if that would make Chrome load the page but no go. Same applies for Edge.

Tried to connect to given IP address from within Firefox too but no go.

Is there perhaps another way to have an accurate view of how the website displays on mobile?

Because making use of, say Xcode’s Simulators, aren’t reliable at all.

Any suggestions are well appreciated!

I’ve found the simulators to be quite accurate, but also you might have some luck with this Bud plugin, if it’s a Sage 10 site:

Hi MWDelaney,

Thanks for the suggestion.

Installed it and gave it a try.
Works on local machine but on iPhone or iPad, I get a 504 Gateway Time-Out.

Firewall and Little Snitch both turned off.