Node - att skapa en första route

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 "/". Först ska vi se hur vi kan returnera saker till användaren utan att använda oss av ett mall-system.

index.js

Vi vill editera filen "index.js" som ligger i underkatalogen "routes" 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:

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

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

  res.send("Hello World!");

Kör nu npm start i din appkatalog för att starta din applikation. Gå med en webbläsare till localhost:3000. 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 att lära oss ett helt mallsystem.

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 index.js, då vi kommer att samla de route:rar som har liknande funktionalitet i samma fil. Så ladda in index.js och börja redigera den.

Nästa aktivitet

Node - att skapa en enkel webbtjänst