WebFund 2024F: Tutorial 2 - Revision history

Soma at 15:03, 24 September 2024

2024-09-24T15:03:02Z

← Older revision		Revision as of 15:03, 24 September 2024
Line 4:		Line 4:

	To run it, just type "deno run --allow-net --allow-read simpleserver.js". It will begin serving on the web the pages in the same directory as the script. You'll want to have some files files to serve; to start off, try having it serve [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/code/hello.html hello.html] from class. Then, move on to saving pages from the web and serving those. (Note: they probably will be broken in some way by simpleserver.)		To run it, just type "deno run --allow-net --allow-read simpleserver.js". It will begin serving on the web the pages in the same directory as the script. You'll want to have some files files to serve; to start off, try having it serve [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/code/hello.html hello.html] from class. Then, move on to saving pages from the web and serving those. (Note: they probably will be broken in some way by simpleserver.)

			Remember you can edit files remotely in the VM using [https://carleton.ca/scs/2023/vscode-remote-access-and-code-editing/ VSCode] or Emacs!

	==Questions==		==Questions==

Soma at 05:06, 19 September 2024

2024-09-19T05:06:09Z

← Older revision		Revision as of 05:06, 19 September 2024
Line 1:		Line 1:
	~~'''This tutorial is not yet finalized.'''~~

	In this tutorial you'll be playing with [http://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/simpleserver.js simpleserver.js], a static file webserver in Deno that has no external dependencies.		In this tutorial you'll be playing with [http://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/simpleserver.js simpleserver.js], a static file webserver in Deno that has no external dependencies.

Soma at 05:05, 19 September 2024

2024-09-19T05:05:55Z

← Older revision		Revision as of 05:05, 19 September 2024
Line 16:		Line 16:
	# Change simplserver to serve files from /home/student/public_html rather than the current directory. Be sure to put some files in it! (Hint: you can grab HTML files from any webserver using wget or curl.)		# Change simplserver to serve files from /home/student/public_html rather than the current directory. Be sure to put some files in it! (Hint: you can grab HTML files from any webserver using wget or curl.)
	# Change simpleserver to retrieve the file <tt>index.html</tt> when a directory is accessed. What sort of functionality does this enable?		# Change simpleserver to retrieve the file <tt>index.html</tt> when a directory is accessed. What sort of functionality does this enable?
	# Change simpleserver~~.js~~ so it returns a simple HTML error page in response to 404 errors (page not found). ''(Hint: Make sure you keep all your JavaScript and HTML files in the same folder!)''		# Change simpleserver so it returns a simple HTML error page in response to 404 errors (page not found). ''(Hint: Make sure you keep all your JavaScript and HTML files in the same folder!)''
			# Change simpleserver so that when there is a request for the file "number5", it returns a simple page or text file that says "The number is 5!". It should work when any positive integer is used instead of 5.

	==Code==		==Code==

Soma: /* Tasks */

2024-09-19T05:02:15Z

Tasks

← Older revision		Revision as of 05:02, 19 September 2024
Line 13:		Line 13:

	==Tasks==		==Tasks==
			# Change simpleserver to use the standard Deno <tt>contentType</tt>. What code should this replace? You can import it by adding this code: <tt>import { contentType } from "jsr:@std/media-types";</tt>
	# Change simplserver to serve files from /home/student/public_html rather than the current directory. Be sure to put some files in it! (Hint: you can grab HTML files from any webserver using wget or curl.)		# Change simplserver to serve files from /home/student/public_html rather than the current directory. Be sure to put some files in it! (Hint: you can grab HTML files from any webserver using wget or curl.)
	# Change simpleserver to retrieve the file <tt>index.html</tt> when a directory is accessed. What sort of functionality does this enable?		# Change simpleserver to retrieve the file <tt>index.html</tt> when a directory is accessed. What sort of functionality does this enable?

Soma: /* Tasks */

2024-09-19T05:00:00Z

Tasks

← Older revision		Revision as of 05:00, 19 September 2024
Line 13:		Line 13:

	==Tasks==		==Tasks==
	# Change ~~the server~~ to serve files from /home/student/public_html rather than the current directory. Be sure to put some files in it! (Hint: you can grab HTML files from any webserver using wget or curl.)		# Change simplserver to serve files from /home/student/public_html rather than the current directory. Be sure to put some files in it! (Hint: you can grab HTML files from any webserver using wget or curl.)
			# Change simpleserver to retrieve the file <tt>index.html</tt> when a directory is accessed. What sort of functionality does this enable?
	# Change simpleserver.js so it returns a simple HTML error page in response to 404 errors (page not found). ''(Hint: Make sure you keep all your JavaScript and HTML files in the same folder!)''		# Change simpleserver.js so it returns a simple HTML error page in response to 404 errors (page not found). ''(Hint: Make sure you keep all your JavaScript and HTML files in the same folder!)''

Soma: /* Questions */

2024-09-19T04:52:32Z

Questions

← Older revision		Revision as of 04:52, 19 September 2024
Line 8:		Line 8:

	==Questions==		==Questions==
	# What port is the web server listening on? How can you connect to it?~~<br>~~Make sure you are on the Carleton VPN, or that you forward the correct port with the -L option, e.g. <tt>ssh -L 8000:localhost:8000 134.117.33.1</tt>		# What port is the web server listening on? How can you connect to it? Make sure you are on the Carleton VPN, or that you forward the correct port with the -L option, e.g. <tt>ssh -L 8000:localhost:8000 134.117.33.1</tt>
	# What is returned when you access the top-level directory on the server? Why?		# What is returned when you access the top-level directory on the server? Why?
	# How does simpleserver determine the MIME type of a file?		# How does simpleserver determine the MIME type of a file?


	==Tasks==		==Tasks==

Soma at 04:52, 19 September 2024

2024-09-19T04:52:14Z

← Older revision		Revision as of 04:52, 19 September 2024
Line 1:		Line 1:
			'''This tutorial is not yet finalized.'''

			In this tutorial you'll be playing with [http://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/simpleserver.js simpleserver.js], a static file webserver in Deno that has no external dependencies.

			==Getting Started==

			To run it, just type "deno run --allow-net --allow-read simpleserver.js". It will begin serving on the web the pages in the same directory as the script. You'll want to have some files files to serve; to start off, try having it serve [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/code/hello.html hello.html] from class. Then, move on to saving pages from the web and serving those. (Note: they probably will be broken in some way by simpleserver.)

			==Questions==
			# What port is the web server listening on? How can you connect to it?<br>Make sure you are on the Carleton VPN, or that you forward the correct port with the -L option, e.g. <tt>ssh -L 8000:localhost:8000 134.117.33.1</tt>
			# What is returned when you access the top-level directory on the server? Why?
			# How does simpleserver determine the MIME type of a file?


			==Tasks==
			# Change the server to serve files from /home/student/public_html rather than the current directory. Be sure to put some files in it! (Hint: you can grab HTML files from any webserver using wget or curl.)
			# Change simpleserver.js so it returns a simple HTML error page in response to 404 errors (page not found). ''(Hint: Make sure you keep all your JavaScript and HTML files in the same folder!)''

	==Code==		==Code==

Soma: Created page with " ==Code== ===[https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/simpleserver.js simpleserver.js]=== // SPDX-License-Identifier: GPL-3.0-or-later // Copyright (C) 2024 Anil Somayaji // // simpleserver.js // for COMP 2406 (Fall 2024), Carleton University // // Initial version: Sept 18, 2024 // // Originally inspired by Rod Waldhoff's tiny node.js webserver // https://github.com/rodw/tiny-node.js-webserver // functio..."

2024-09-19T04:38:50Z

Created page with " ==Code== ===[https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/simpleserver.js simpleserver.js]=== <syntaxhighlight lang="javascript" line> // SPDX-License-Identifier: GPL-3.0-or-later // Copyright (C) 2024 Anil Somayaji // // simpleserver.js // for COMP 2406 (Fall 2024), Carleton University // // Initial version: Sept 18, 2024 // // Originally inspired by Rod Waldhoff's tiny node.js webserver // https://github.com/rodw/tiny-node.js-webserver // functio..."

New page

==Code==

===[https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/simpleserver.js simpleserver.js]===

<syntaxhighlight lang="javascript" line>
// SPDX-License-Identifier: GPL-3.0-or-later
// Copyright (C) 2024 Anil Somayaji
//
// simpleserver.js
// for COMP 2406 (Fall 2024), Carleton University
//
// Initial version: Sept 18, 2024
//
// Originally inspired by Rod Waldhoff's tiny node.js webserver
// https://github.com/rodw/tiny-node.js-webserver
//

function MIMEtype(filename) {

const MIME_TYPES = {
'css': 'text/css',
'gif': 'image/gif',
'htm': 'text/html',
'html': 'text/html',
'ico': 'image/x-icon',
'jpeg': 'image/jpeg',
'jpg': 'image/jpeg',
'js': 'text/javascript',
'json': 'application/json',
'png': 'image/png',
'txt': 'text/text'
};

var extension = "";

if (filename) {
extension = filename.slice(filename.lastIndexOf('.')+1).toLowerCase();
}

return MIME_TYPES[extension] || "application/octet-stream";
};

async function handler(req) {

var metadata = {
status: 200,
contentType: "text/plain"
}

const pathname = "." + new URL(req.url).pathname;
var contents;

metadata.contentType = MIMEtype(pathname);

try {
contents = await Deno.readFile(pathname);
} catch (e) {
contents = null;
}

if (!contents) {
contents = "File not found: " + pathname;
metadata.contentType = "text/plain";
metadata.status = 404;

console.log("error on request for " + pathname);
} else {
console.log("returning " + pathname +
" of type " + metadata.contentType);
}

return new Response(contents, metadata);
}

Deno.serve(handler);
</syntaxhighlight>