Jetty Setuptutorial java server
When we use the term server, we might mean two different things:
- Hardware, or the computer that receives and sends messages and files.
- Software, or the code that’s running on that computer to handle a request.
This tutorial goes through the process of downloading Jetty, which is a (software) server, and running it on your computer to turn your computer into a (hardware) server.
There are other types of servers (both software and hardware), but the setup for those is pretty similar. We’re starting with Jetty because it’s simple, and we’ll work our way up towards the more complicated stuff.
Jetty is bundled as a
.zip file, which can be downloaded here.
Download that file, and then unzip it anywhere. I just put mine on my desktop. You can always move it later.
Open a console to your Jetty directory. There should be a
start.jar file inside that directory. Run it!
java -jar start.jar
This runs Jetty, which turns your computer into a server. This is very useful for debugging server code before uploading it to a real server!
To prove that Jetty is working, open a web browser and navigate to http://localhost:8080/ which should give you an error that looks like this:
If you’re seeing this, that’s a good thing! It means that Jetty is running, but you haven’t added any web apps to it. Let’s do that now!
Static Web App
For our purposes, you can think of a web app as a website and everything in it. There are different types of web apps, but for now that definition will get us pretty far. A server can run multiple web apps. Now that we have Jetty running, we can add web apps to it!
In the following tutorials, we’ll learn how to create a dynamic web app (a website that requires code to run on a server), but for now let’s test our Jetty installation using a static web app (a website that’s just files).
In your Jetty folder, notice the
webapps directory. This is where your web apps will go.
Adding a web app to our server is as simple as adding a folder to the
webapps directory. Let’s add a folder named
HelloWorld for now. Inside the
HelloWorld directory, save this HTML to a file named
<!DOCTYPE html> <html> <head> <title>Testing Jetty</title> </head> <body> <h1>Happy Coding</h1> <p>Hello world!</p> </body> </html>
Your directory structure should look like this:
(bunch of other files)
Now open your web browser to http://localhost:8080/HelloWorld/index.html, and you should see this:
Notice that you didn’t have to restart the Jetty server. It should automatically detect changes to the
Congratulations, you just wrote your first web app!
Root Web App
Notice that the URL for our web app contains the
HelloWorld directory. This is useful if you have multiple web apps running on the same server, but you also might want to create a “top level” web app. To do that, basically all you need to do is create a web app named
webapps directory, create another folder named
root. And in that
root folder, save this HTML to another file named
<!DOCTYPE html> <html> <head> <title>Root Web App</title> </head> <body> <h1>Root Web App</h1> <p><a href="http://localhost:8080/HelloWorld/index.html">Here</a> is a link to the Hello World app.</p> </body> </html>
Now open up your web browser to http://localhost:8080/index.html, and you should see this:
Note that this URL does not contain the
Also note that you can link between web apps, just like you can link between web pages- because that’s what these are!
Comments and Questions
Happy Coding is a community of folks just like you learning about coding.
Do you have a comment or question? Post it here!