Node - att skapa en första route - Versionshistorik

PGJ den 31 oktober 2020 kl. 12.27

2020-10-31T12:27:05Z

← Äldre version		Versionen från 31 oktober 2020 kl. 12.27
Rad 4:		Rad 4:
	Vi vill editera filen "<code>index.js</code>" som ligger i underkatalogen "<code>routes</code>" i vår applikationskatalog. Hur denna fungerar gick vi igenom i föregående aktivitet. Vi vill nu modifiera denna så att den passar våra syften. Så här ser den ut i original:		Vi vill editera filen "<code>index.js</code>" som ligger i underkatalogen "<code>routes</code>" i vår applikationskatalog. Hur denna fungerar gick vi igenom i föregående aktivitet. Vi vill nu modifiera denna så att den passar våra syften. Så här ser den ut i original:

	~~<div class="well well-cyanide-light">~~
	<syntaxhighlight lang="javascript" line start="1">		<syntaxhighlight lang="javascript" line start="1">
	var express = require('express');		var express = require('express');
Rad 14:		Rad 13:
	});		});
	</syntaxhighlight>		</syntaxhighlight>
	~~</div>~~

	Vi ska börja med att byta ut rad sex till något enklare. Ersätt raden med följande kod:		Vi ska börja med att byta ut rad sex till något enklare. Ersätt raden med följande kod:


	~~<div class="well well-cyanide-light">~~
	<syntaxhighlight lang="javascript" line start="6">		<syntaxhighlight lang="javascript" line start="6">
	res.send("Hello World!");		res.send("Hello World!");
	</syntaxhighlight>		</syntaxhighlight>
	~~</div>~~

	Kör nu <code>npm start</code> i din appkatalog för att starta din applikation. Gå med en webbläsare till <code>localhost:3000</code>. Då kommer du att få tillbaka texten; "Hello World!". Inte världens bästa applikation, men det är en god start :-)		Kör nu <code>npm start</code> i din appkatalog för att starta din applikation. Gå med en webbläsare till <code>localhost:3000</code>. Då kommer du att få tillbaka texten; "Hello World!". Inte världens bästa applikation, men det är en god start :-)

PGJ: /* index.js */

2019-01-13T12:49:05Z

index.js

← Äldre version		Versionen från 13 januari 2019 kl. 12.49
Rad 4:		Rad 4:
	Vi vill editera filen "<code>index.js</code>" som ligger i underkatalogen "<code>routes</code>" i vår applikationskatalog. Hur denna fungerar gick vi igenom i föregående aktivitet. Vi vill nu modifiera denna så att den passar våra syften. Så här ser den ut i original:		Vi vill editera filen "<code>index.js</code>" som ligger i underkatalogen "<code>routes</code>" i vår applikationskatalog. Hur denna fungerar gick vi igenom i föregående aktivitet. Vi vill nu modifiera denna så att den passar våra syften. Så här ser den ut i original:

			<div class="well well-cyanide-light">
	<syntaxhighlight lang="javascript" line start="1">		<syntaxhighlight lang="javascript" line start="1">
	var express = require('express');		var express = require('express');
Rad 13:		Rad 14:
	});		});
	</syntaxhighlight>		</syntaxhighlight>
			</div>

	Vi ska börja med att byta ut rad sex till något enklare. Ersätt raden med följande kod:		Vi ska börja med att byta ut rad sex till något enklare. Ersätt raden med följande kod:


			<div class="well well-cyanide-light">
	<syntaxhighlight lang="javascript" line start="6">		<syntaxhighlight lang="javascript" line start="6">
	res.send("Hello World!");		res.send("Hello World!");
	</syntaxhighlight>		</syntaxhighlight>
			</div>

	Kör nu <code>npm start</code> i din appkatalog för att starta din applikation. Gå med en webbläsare till <code>localhost:3000</code>. Då kommer du att få tillbaka texten; "Hello World!". Inte världens bästa applikation, men det är en god start :-)		Kör nu <code>npm start</code> i din appkatalog för att starta din applikation. Gå med en webbläsare till <code>localhost:3000</code>. Då kommer du att få tillbaka texten; "Hello World!". Inte världens bästa applikation, men det är en god start :-)

PGJ den 18 januari 2016 kl. 21.49

2016-01-18T21:49:36Z

← Äldre version		Versionen från 18 januari 2016 kl. 21.49
Rad 24:		Rad 24:
	<div class="well well-meadow">		<div class="well well-meadow">
	Prova att välja att titta på källan till sidan med "Hello World!"-meddelandet. Som du ser finns det ingen text, förutom "Hello World!". Vår server generar inte en webbsida åt oss, utan skickar enbart den data vi förser den med. Vi måste alltså själva skicka med all kod som behövs för att bygga upp en sida. Det är därför man vanligtvis använder ett mallsystem, som gör detta åt oss. Men det räcker med att lära oss en sak i taget, så för tillfället struntar vi att lära oss ett helt mallsystem.		Prova att välja att titta på källan till sidan med "Hello World!"-meddelandet. Som du ser finns det ingen text, förutom "Hello World!". Vår server generar inte en webbsida åt oss, utan skickar enbart den data vi förser den med. Vi måste alltså själva skicka med all kod som behövs för att bygga upp en sida. Det är därför man vanligtvis använder ett mallsystem, som gör detta åt oss. Men det räcker med att lära oss en sak i taget, så för tillfället struntar vi att lära oss ett helt mallsystem.
	</div>		</div><!-- end well -->

	== Att lägga till en ny route ==		== Att lägga till en ny route ==
Rad 37:		Rad 37:

	[[Category:Node\|N8]]		[[Category:Node\|N8]]

			__FORCETOC__

PGJ den 13 januari 2016 kl. 08.29

2016-01-13T08:29:37Z

← Äldre version		Versionen från 13 januari 2016 kl. 08.29
Rad 23:		Rad 23:

	<div class="well well-meadow">		<div class="well well-meadow">
	Prova att välja att titta på källan till sidan med "Hello World!"-meddelandet. Som du ser finns det ingen text, förutom "Hello World!". Vår server generar inte en webbsida åt oss, utan skickar enbart den data vi förser den med. Vi måste alltså själva skicka med all kod som behövs för att bygga upp en sida. Det är därför man vanligtvis använder ett mallsystem, som gör detta åt oss. Men det räcker med att lära oss en sak i taget, så för tillfället struntar vi ~~i mallar..~~.		Prova att välja att titta på källan till sidan med "Hello World!"-meddelandet. Som du ser finns det ingen text, förutom "Hello World!". Vår server generar inte en webbsida åt oss, utan skickar enbart den data vi förser den med. Vi måste alltså själva skicka med all kod som behövs för att bygga upp en sida. Det är därför man vanligtvis använder ett mallsystem, som gör detta åt oss. Men det räcker med att lära oss en sak i taget, så för tillfället struntar vi att lära oss ett helt mallsystem.
	</div>		</div>

			== Att lägga till en ny route ==
			Nu har vi provat på att modifiera en av de inkluderade routerna och sett att det inte var så krångligt. Det är dags att prova att lägga till en ny, egen route. Vi väljer att lägga till vår nya router i <code>index.js</code>, då vi kommer att samla de route:rar som har liknande funktionalitet i samma fil. Så ladda in <code>index.js</code> och börja redigera den.

			<syntaxhighlight lang="javascript" line start="1">

			</syntaxhighlight>

	== Nästa aktivitet ==		== Nästa aktivitet ==

PGJ den 12 januari 2016 kl. 21.48

2016-01-12T21:48:26Z

← Äldre version		Versionen från 12 januari 2016 kl. 21.48
Rad 20:		Rad 20:
	</syntaxhighlight>		</syntaxhighlight>

	Kör nu <code>npm start</code> i din appkatalog för att starta din applikation. Gå med en webbläsare till <code>localhost:3000</code>. Då kommer du att få tillbaka texten; "Hello World!". Inte världens bästa applikation, men det är en god start :-) Prova att välja att titta på källan till sidan med "Hello World!"-meddelandet. Som du ser finns det ingen text, förutom "Hello World!". Vår server generar inte en webbsida åt oss, utan skickar enbart den data vi förser den med. Vi måste alltså själva skicka med all kod som behövs för att bygga upp en sida. Det är därför man vanligtvis använder ett mallsystem, som gör detta åt oss. Men det räcker med att lära oss en sak i taget, så för tillfället struntar vi i mallar...		Kör nu <code>npm start</code> i din appkatalog för att starta din applikation. Gå med en webbläsare till <code>localhost:3000</code>. Då kommer du att få tillbaka texten; "Hello World!". Inte världens bästa applikation, men det är en god start :-)

			<div class="well well-meadow">
			Prova att välja att titta på källan till sidan med "Hello World!"-meddelandet. Som du ser finns det ingen text, förutom "Hello World!". Vår server generar inte en webbsida åt oss, utan skickar enbart den data vi förser den med. Vi måste alltså själva skicka med all kod som behövs för att bygga upp en sida. Det är därför man vanligtvis använder ett mallsystem, som gör detta åt oss. Men det räcker med att lära oss en sak i taget, så för tillfället struntar vi i mallar...
			</div>

PGJ den 12 januari 2016 kl. 21.46

2016-01-12T21:46:57Z

← Äldre version		Versionen från 12 januari 2016 kl. 21.46
Rad 1:		Rad 1:
	Vi ska nu titta på hur vi kan modifiera den mall-applikation som "Express Generator" skapade åt oss. Vi börjar med att modifiera den kod som triggas när vi försöker nå roten på vår webbtjänst, dvs "<code>/<code>". Först ska vi se hur vi kan returnera saker till användaren utan att använda oss av ett mall-system.		Vi ska nu titta på hur vi kan modifiera den mall-applikation som "Express Generator" skapade åt oss. Vi börjar med att modifiera den kod som triggas när vi försöker nå roten på vår webbtjänst, dvs "<code>/</code>". Först ska vi se hur vi kan returnera saker till användaren utan att använda oss av ett mall-system.

	== <code>index.js</code> ==		== <code>index.js</code> ==

PGJ den 11 januari 2016 kl. 14.13

2016-01-11T14:13:53Z

← Äldre version		Versionen från 11 januari 2016 kl. 14.13
Rad 16:		Rad 16:
	Vi ska börja med att byta ut rad sex till något enklare. Ersätt raden med följande kod:		Vi ska börja med att byta ut rad sex till något enklare. Ersätt raden med följande kod:

	<syntaxhighlight lang="javascript" line start="1">		<syntaxhighlight lang="javascript" line start="6">
	res.send("Hello World!");		res.send("Hello World!");
	</syntaxhighlight>		</syntaxhighlight>

PGJ den 11 januari 2016 kl. 14.13

2016-01-11T14:13:33Z

@@ Rad 1: / Rad 1: @@
 == Nästa aktivitet ==
 [[Node - att skapa en enkel webbtjänst]]
 [[Category:Node|N8]]

PGJ: Skapade sidan med '== Nästa aktivitet == Node - att skapa en enkel webbtjänst N8'

2016-01-11T13:40:38Z

Skapade sidan med '== Nästa aktivitet == Node - att skapa en enkel webbtjänst N8'

Ny sida

== Nästa aktivitet ==
[[Node - att skapa en enkel webbtjänst]]

[[Category:Node|N8]]