11/10/23, 4:42 PM about:blank
Hands-on Lab - First Server with ServerSide Java Script
(20 min)
Objective for Exercise:
Use the terminal to git clone and get [Link] server code
Create a web server using Server side Java script
Run the server
Access the server from the client and get a response from server
Step 1: Verify Environment and Command-line tools
1. Open a terminal window by using the menu in the editor: Terminal > New Terminal.
2. Verify that node CLI is installed.
1. 1
1. node --version
Copied!
You should see output similar to this, though the versions may be different:
1. 1
1. v16.13.0
Copied!
3. Change to your project folder.
1. 1
1. cd /home/project
about:blank 1/7
11/10/23, 4:42 PM about:blank
Copied!
4. Clone the git repository that contains the artifacts needed for this lab, if it doesn’t already exist.
1. 1
1. git clone [Link]
Copied!
5. Change to the directory for this lab.
1. 1
1. cd [Link]-and-React/CD220Labs/http_server
Copied!
6. List the contents of this directory to see the artifacts for this lab.
1. 1
1. ls
Copied!
7. Check the content of [Link]. This is the server side script we will run in the next section.
1. 1
1. cat [Link]
Copied!
You should see output similar to this.
1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
1. const http = require('http');
2.
3. const requestListener = function (req, res) {
4. [Link](200);
5. [Link]('Hello, World!');
6. }
7.
8. const port = 8080;
9. const server = [Link](requestListener);
10. [Link]('server listening on port: ' + port);
Copied!
Alternatively, you can also view the content of [Link] through the file explorer menu. It would appear like this.
about:blank 2/7
11/10/23, 4:42 PM about:blank
Step 2: Use the node CLI
1. In order to start the server, we run the [Link] file with the node command.
1. 1
1. node [Link]
Copied!
You should see output similar to this.
1. 1
1. server listening on port: 8080
Copied!
2. To split the terminal, click Terminal > Split Terminal.
3. In the second terminal window, use the curl command to ping the application.
about:blank 3/7
11/10/23, 4:42 PM about:blank
1. 1
1. curl localhost:8080
Copied!
You should see output similar to this.
1. 1
1. Hello, World!
Copied!
It should indicate that your app is up and running.
4. To verify the same with browser window, click on the Skills Network button on the left, it will open the “Skills Network
Toolbox”. Then click the Other then Launch Application. From there you should be able to enter the port number the
server is running on, which is 8080 and launch.
A new browser window will open up as below. (Note: New browser window may not open up if you browser settings does not
allow pop-ups)
5. To stop the server, go to the main command window and press Ctrl+c to stop the server and stay in that terminal.
about:blank 4/7
11/10/23, 4:42 PM about:blank
Step 3: Use the node CLI to run server script which
requires another module
1. In the same terminal, check the content of [Link].
1. 1
1. cat [Link]
Copied!
You should see output similar to this.
1. 1
2. 2
3. 3
4. 4
1. [Link] = function getDate() {
2. let aestTime = new Date().toLocaleString("en-US", {timeZone: "Australia/Brisbane"});
3. return aestTime;
4. }
Copied!
Alternatively, you can also view the content of [Link] through the file explorer menu. It would appear like this.
We will use this exported module in the server side script.
2. Check the content of [Link]. As you will observe, this script requires the module today whose content we
saw in the previous step.
1. 1
1. cat [Link]
Copied!
You should see output similar to this.
1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
1. const http = require('http');
2. const today = require('./today');
3.
about:blank 5/7
11/10/23, 4:42 PM about:blank
4. const requestListener = function (req, res) {
5. [Link](200);
6. [Link](`Hello, World! The date today is ${[Link]()}`);
7. }
8.
9. const port = 8080;
10. const server = [Link](requestListener);
11. [Link]('server listening on port: ' + port);
Copied!
Alternatively, you can also view the content of [Link] through the file explorer menu. It would appear like this.
3. In order to start the server, we run the [Link] file with the node command.
1. 1
1. node [Link]
Copied!
You should see output similar to this.
1. 1
1. server listening on port: 8080
Copied!
4. In the second terminal window which you opened earlier, use the curl command to ping the application.
1. 1
1. curl localhost:8080
Copied!
You should see output similar to this.
1. 1
1. Hello, World! The date today is Wed Oct 14 2020 [Link] GMT+1030 (Australian Eastern Standard Time)
Copied!
It should indicate that your app is up and running.
5. To verify the same with browser window, click on the Skills Network button on the left, it will open the “Skills
Network Toolbox”. Then click the Other then Launch Application. From there you should be able to enter the port
number 8080and launch.
about:blank 6/7
11/10/23, 4:42 PM about:blank
A new browser window will open up which show Hello World! along with the date and time in your time zone.
Challenge:
Make changes in [Link] to greet the user depending on the time of the day.
Click here for a sample solution
Congratulations! You have completed the lab.
Summary
Now that you have learnt how to run a server you are ready to create your very own [Link] server.
Author(s)
Lavanya
Changelog
Date Version Changed by Change Description
2020-11-04 1.0 Lavanya Initial version created based videos
2022-11-18 1.1 K Sundararajan Updated instructions based on Beta testing feedback
(C) IBM Corporation 2020. All rights reserved.
about:blank 7/7
