Local web server

I'm running OS X Yosemite and I'm trying to setup Apache so I can access files over my WiFi for my Chromecast application (runs using NodeJS).

So I followed some tutorials online (http://ift.tt/1us3OWK) and I can access my websites at:

http://localhost/~cameron/examplefolder

I can also access something at:

cameron.local Although I don't know where the file lives that I see for this???

Anyway when trying to access the contents of examplefolder on say my iPhone, etc, I can't do it! Because of my use of localhost.

I thought I could just replace localhost with my ip address... but when I enter my ip address nothing happens... I just get an endless loading.

How do I solve this?

To confirm the issues:

1. IP address does not work..


2. Cameron.local does not load the same content as localhost or localhost/~cameron