Connect to a locally built Jekyll Server using mobile devices in the LAN

RubyGithubJekyllWebrick

Ruby Problem Overview

After using jekyll serve on one machine, a WEBrick server is set up and the site can be accessed from localhost:4000 on this particular PC.

However, I'm wondering how to access this web server from other machines in the LAN, especially for mobile devices? I'm trying to test the jekyll site on mobile devices before pushing the code to Github.

Ruby Solutions

Solution 1 - Ruby

Try jekyll serve --host=0.0.0.0 when you invoke Jekyll on the command line.

That will make Jekyll's HTTP server bind to all available IPs, rather than just to localhost.

You can also add this to your _config.yml with host: 0.0.0.0. GitHub will simply ignore this when you push, so it's safe to use if you don't mind having your work openly accessible on your network.

Without --host=0.0.0.0 Jekyll will output something like this when you start up:

$ jekyll serve
[...]
Server address: http://127.0.0.1:4000/
Server running... press ctrl-c to stop.

But with --host=0.0.0.0 (or host: 0.0.0.0 in _config.yml) you'll notice that it's listening on all interfaces (represented by 0.0.0.0) rather than just listening on the loopback interface (represented by 127.0.0.1)

$ jekyll serve --host=0.0.0.0
[...]
Server address: http://0.0.0.0:4000/
Server running... press ctrl-c to stop.

If you still cannot access your server then there might be a firewall stopping it. Temporarily disable your firewall, or add a port forwarding rule for port 4000.

Once Jekyll is appropriately listening on all interfaces, you can access this from your mobile device using your LAN IP address (retrieved from something like ifconfig or ipconfig depending on your operating system).

Solution 2 - Ruby

Assuming your mobile device is connected to the same LAN as your development machine.

  1. Assertain the LAN IP address of your development machine. Usually something like: 192.168.0.XXX. Where .XXX is the unique last 3 digits of your dev machine's LAN IP.

  2. Point your mobile device's web browser to: http://192.168.0.XXX:4000

That's how I do it on my laptop and iPhone for Jekyll dev.

Categories
Recommended Ruby Solutions
Recommended Github Solutions
Recommended Jekyll Solutions

Previous Solution:

One liner: creating a dictionary from list with indices as keys

PythonListDictionaryPython 3.x

Next Solution:

What's the difference between BaseAdapter and ArrayAdapter?

AndroidPerformanceListviewAndroid ArrayadapterBaseadapter

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionYi ZengView Question on Stackoverflow
Solution 1 - RubypauljzView Answer on Stackoverflow
Solution 2 - RubyJ WView Answer on Stackoverflow