Internet Lab 2

Putting things on the internet.

Step 1: Checkout the local network.

When you connect to the wifi you are connected to the local network.

You are protected from the "real" internet because it's more secure and because there are not enough addresses to give out.

Use your terminal to discover the IP assigned to you by the local network.

ifconfig

Find out what the internet thinks your IP is. https://whatismyipaddress.com/

Step 2: Serve some files.

Download and install a simple node file server.

npm install -g http-server

Run the http-server in your wdi files directory.

cd ~/wdi
http-server

Go to your localhost address and see your files: http://127.0.0.1:8080

Take a minute to browse around and see what's there.

Step 3: Bypass the local network.

Now, bypass this local network so that you have an IP on the public internet.

We'll be using ngrok.

Follow the instructions here: https://ngrok.com/download

Start ngrok from your terminal (what directory you are in doesn't matter)

When you've donwloaded the file and unzipped it, run it from that directory.

cd my-download-directory
./ngrok http 8080

Step 3.5: Start your server for a file

Find or download an image file or gif that you like and want to share.

Make sure that directory does not have anything sensetive in it!

Example: bird.jpeg which is in the directory /Users/akira/documents/bird.jpeg

Open a new terminal window

Start the server in that directory so that the image file can be served.

cd ~/documents
http-server

The URL would look like this: http://127.0.0.1:8080/bird.jpeg

You can now replace 127.0.0.1 with the URL given to you by ngrok.

Example: http://0362a557.ngrok.io/bird.jpeg

Step 3.6: Create text files to serve

Create a .txt file in that directory using sublime.

Serve the file. (test it at http://127.0.0.1:8080/file.txt)

Step 3.7: Create HTML files to serve

Create an HTML file in that directory. (It could be your unit 1 project !?)

Serve the file.

Step 4: Test it out!

1. Send the URL in slack to others in class.
2. Open the URL on your cell phone's data connection ( a connection from the outside internet )
3. Send it to friends outside of class.
4. Browse the files in that directory.

Extra:

What other files can you put in that directory and serve? You can't make a curl request for an image, but what files can you make a curl request for?