WebFund 2015W: Assignment 9 - Revision history

Soma: /* POST /newNote */

2015-04-05T21:05:53Z

POST /newNote

← Older revision		Revision as of 21:05, 5 April 2015
Line 313:		Line 313:
	"55216bbde49d1a6667de0008"		"55216bbde49d1a6667de0008"
	</pre>		</pre>

			The POST /newNote is initiated by the call $.post("/newNote",...) in the newNote() function in notes.js (running in the context of /notes in the browser). This call happens after a user presses the "New Note" button.

			To handle this POST request, the server runs the anonymous callback registered by the call to router.post('newNote', ...) in router/index.js. This function does a res.send() of the ID of the newly created note upon successful insertion of a new, untitled note into the notes collection.

2015-04-05T21:02:23Z

POST /updateNote

← Older revision		Revision as of 21:02, 5 April 2015
Line 277:		Line 277:

	(In my transcript I couldn't find the last "d" in succeeded. )		(In my transcript I couldn't find the last "d" in succeeded. )

			This POST is initiated by the $.post("/updateNote", ...) call in updateNoteOnServer() in notes.js (running in the context of /notes in the browser).

			On the server this POST request is serviced by the anonymous callback registered by the call to router.post('/updateNote',...) in router/index.js. This function does a res.send("update succeeded") when the database has been updated with the POST'ed note.

	===POST /newNote===		===POST /newNote===

2015-04-05T20:58:55Z

GET /getNotes

← Older revision		Revision as of 20:58, 5 April 2015
Line 237:		Line 237:

	(Note that the response is done through two separate transmissions, one for the header and one for the returned object.)		(Note that the response is done through two separate transmissions, one for the header and one for the returned object.)

			This GET request was initiated by the getJSON() call in getAndListNotes() in notes.js (running in the context of the /notes page on the browser).

			The server runs the anonymous callback registered by router.get('/getNotes',) in router/index.js. This function does a res.send() of the notes object that is returned from querying the notesCollection (notesCollection.find()).

	===POST /updateNote===		===POST /updateNote===

2015-04-05T19:54:39Z

GET /javascripts/notes.js

← Older revision		Revision as of 19:54, 5 April 2015
Line 71:		Line 71:

	===GET /javascripts/notes.js===		===GET /javascripts/notes.js===

	Note that in order to prevent the notes.js response from getting mixed in with the jQuery response (which happened concurrently), I had to change layout.jade to instead load the script from code.jquery.com (so it wouldn't appear in the socat output). Specifically, I replaced the existing jquery loading line with "script(src='//code.jquery.com/jquery-1.11.2.min.js')".

	<pre>		<pre>
Line 201:		Line 199:
	});		});
	</pre>		</pre>

			(Note that in order to prevent the notes.js response from getting mixed in with the jQuery response (which happened concurrently), I had to change layout.jade to instead load the script from code.jquery.com (so it wouldn't appear in the socat output). Specifically, I replaced the existing jquery loading line with "script(src='//code.jquery.com/jquery-1.11.2.min.js')".)

			The browser was displaying /notes from the application (as evidenced by the Referer: header); the Jade code notes.jade encodes an script tag which refers to "javascripts/notes.js". When the browser renders the HTML produced by this HTML template, this script tag causes the browser to make an HTTP GET request for /javascripts/notes.js.

			This GET request is handled by the static file webserver added to the application by the call to "app.use(express.static(...))" in app.js.

	===GET /getNotes===		===GET /getNotes===

2015-04-05T19:49:45Z

GET /

← Older revision		Revision as of 19:49, 5 April 2015
Line 65:		Line 65:
	</html>		</html>
	</pre>		</pre>

			The browser generated the GET / request because the user typed in (or had bookmarked) http://localhost:3000/ (or whatever port it is running on). Note that the user did not click on a link because of the lack of a Referer: header.

			The server ran the callback previously registered by the call to "router.get('/', ...)", to generate this response. This function saw that the user was logged in and then called res.render() in order to convert index.jade to HTML and send it back.

	===GET /javascripts/notes.js===		===GET /javascripts/notes.js===

2015-04-05T19:44:57Z

POST /newNote

← Older revision		Revision as of 19:44, 5 April 2015
Line 267:		Line 267:

	===POST /newNote===		===POST /newNote===

			<pre>
			> 2015/04/05 13:07:09.057471 length=488 from=1233 to=1720
			POST /newNote HTTP/1.1\r
			Host: localhost:3005\r
			User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:37.0) Gecko/20100101 Firefox/37.0\r
			Accept: /\r
			Accept-Language: en-US,en;q=0.5\r
			Accept-Encoding: gzip, deflate\r
			DNT: 1\r
			X-Requested-With: XMLHttpRequest\r
			Referer: http://localhost:3005/notes\r
			Cookie: connect.sid=s%3A7VfppM1sNSPZH2ItZKhGrNFwEYtZ9hqe.j39zaf1VaOxBtKb48jUl%2BrxDauYO3IQSu%2BMaNlQgBz8\r
			Connection: keep-alive\r
			Pragma: no-cache\r
			Cache-Control: no-cache\r
			Content-Length: 0\r
			\r

			< 2015/04/05 13:07:09.135980 length=170 from=285831 to=286000
			HTTP/1.1 200 OK\r
			X-Powered-By: Express\r
			Content-Type: application/json; charset=utf-8\r
			Content-Length: 26\r
			Date: Sun, 05 Apr 2015 17:07:09 GMT\r
			Connection: keep-alive\r
			\r
			< 2015/04/05 13:07:09.137200 length=26 from=286001 to=286026
			"55216bbde49d1a6667de0008"
			</pre>

2015-04-05T19:43:28Z

POST /updateNote

← Older revision		Revision as of 19:43, 5 April 2015
Line 231:		Line 231:

	===POST /updateNote===		===POST /updateNote===

			<pre>
			> 2015/04/05 13:23:11.991854 length=610 from=4934 to=5543
			POST /updateNote HTTP/1.1\r
			Host: localhost:3005\r
			User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:37.0) Gecko/20100101 Firefox/37.0\r
			Accept: /\r
			Accept-Language: en-US,en;q=0.5\r
			Accept-Encoding: gzip, deflate\r
			DNT: 1\r
			Content-Type: application/x-www-form-urlencoded; charset=UTF-8\r
			X-Requested-With: XMLHttpRequest\r
			Referer: http://localhost:3005/notes\r
			Content-Length: 56\r
			Cookie: connect.sid=s%3AInaH5BQtzrhgc1eCqzAq_Xvx5ZDZFm9k.glgLGfIdJ1ZTQv8jQ9GLVwVa3Tn%2BUp3Ws0JiTE6JeuY\r
			Connection: keep-alive\r
			Pragma: no-cache\r
			Cache-Control: no-cache\r
			\r
			id=55216f7ae49d1a6667de0009&title=Test&content=Hello!%0A

			< 2015/04/05 13:23:12.001057 length=163 from=289573 to=289735
			HTTP/1.1 200 OK\r
			X-Powered-By: Express\r
			Content-Type: text/html; charset=utf-8\r
			Content-Length: 16\r
			Date: Sun, 05 Apr 2015 17:23:12 GMT\r
			Connection: keep-alive\r
			\r
			< 2015/04/05 13:23:12.001440 length=15 from=289736 to=289750
			update succeede
			</pre>

			(In my transcript I couldn't find the last "d" in succeeded. )

	===POST /newNote===		===POST /newNote===

2015-04-05T19:37:27Z

GET /getNotes

@@ Line 199: / Line 199: @@
 ===GET /getNotes===
 ===POST /updateNote===
 ===POST /newNote===

2015-04-05T17:30:29Z

GET /javascripts/notes.js

@@ Line 67: / Line 67: @@
 ===GET /javascripts/notes.js===
 ===GET /getNotes===
 ===POST /updateNote===
 ===POST /newNote===

2015-04-05T17:16:02Z

Solutions

← Older revision		Revision as of 17:16, 5 April 2015
Line 14:		Line 14:

	==Solutions==		==Solutions==

			Note I inserted blank lines between the request and response in the transcripts below. I also deleted the socat request/response metadata that sometimes gets inserted just before the end of the previous request/response (e.g., the timestamp inserted before the closing > of the trailing <html> tag).

	===GET /===		===GET /===
Line 29:		Line 31:
	Connection: keep-alive\r		Connection: keep-alive\r
	\r		\r

	< 2015/04/05 13:06:41.984748 length=188 from=0 to=187		< 2015/04/05 13:06:41.984748 length=188 from=0 to=187
	HTTP/1.1 200 OK\r		HTTP/1.1 200 OK\r
Line 60:		Line 63:
	</div>		</div>
	</body>		</body>
	</html~~< 2015/04/05 13:06:41.986483 length=1 from=775 to=775~~		</html>
	>
	</pre>		</pre>